kylefang/react
1
0
Fork 0
mirror of https://github.com/zhigang1992/react.git synced 2026-02-11 17:21:06 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #116 from unix/image

Browse Source 
feat(image): forward ref for image browser
This commit is contained in:
witt
2020-04-20 17:22:03 +08:00
committed by GitHub
parent 33acd5e434 e61f1de39b
commit bb79c23ef9
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
components/image/image-browser.tsx
View File

@@ -97,9 +97,9 @@ const getAddressInput = (
</div>
)
const ImageBrowser: React.FC<React.PropsWithChildren<ImageBrowserProps>> = ({
const ImageBrowser = React.memo(React.forwardRef<HTMLDivElement, React.PropsWithChildren<ImageBrowserProps>>(({
url, title, children, showFullLink, invert, className, ...props
}) => {
}, ref: React.Ref<HTMLDivElement>) => {
const theme = useTheme()
const colors = useMemo(
() => getBrowserColors(invert, theme.palette),
@@ -112,7 +112,7 @@ const ImageBrowser: React.FC<React.PropsWithChildren<ImageBrowserProps>> = ({
}, [url, showFullLink, title, colors])
return (
<div className={`bowser ${className}`} {...props}>
<div className={`bowser ${className}`} ref={ref} {...props}>
<header>
<div className="traffic">
<span className="close" />
@@ -185,6 +185,6 @@ const ImageBrowser: React.FC<React.PropsWithChildren<ImageBrowserProps>> = ({
`}</style>
</div>
)
}
}))
export default withDefaults(ImageBrowser, defaultProps)