kylefang/react
1
0
Fork 0
mirror of https://github.com/zhigang1992/react.git synced 2026-04-28 20:25:29 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: use unified away click hooks

Browse Source
This commit is contained in:
unix
2020-03-25 02:01:13 +08:00
parent f824375374
commit ba0975e71d
3 changed files with 28 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
components/select/select.tsx
View File

@@ -1,8 +1,9 @@
import React, { MutableRefObject, useEffect, useMemo, useRef, useState } from 'react'
import React, { MutableRefObject, useMemo, useRef, useState } from 'react'
import useTheme from '../styles/use-theme'
import SelectOption from './select-option'
import SelectIcon from './select-icon'
import Dropdown from '../shared/dropdown'
import useClickAway from '../utils/use-click-away'
import { ZeitUIThemes } from '../styles/themes'
import { SelectContext, SelectConfig } from './select-context'
import { NormalSizes } from '../utils/prop-types'
@@ -79,11 +80,7 @@ const Select: React.FC<React.PropsWithChildren<SelectProps>> = ({
setVisible(!visible)
}
useEffect(() => {
const closeHandler = () => setVisible(false)
document.addEventListener('click', closeHandler)
return () => document.removeEventListener('click', closeHandler)
}, [])
useClickAway(ref, () => setVisible(false))
const selectedChild = useMemo(() => {
const [, optionChildren] = pickChildByProps(children, 'value', value)