小编Tig*_*ran的帖子

我在 TypeScript 中遇到了 useRef 的问题。
\n我想输入它，但收到错误，如下所示：
\n\n我的容器组件是：

    const HeaderContainer: React.FC = () => {\n    const addressElement = useRef<HTMLInputElement | undefined>();\n    \n        const handleCopy = useCallback(() => {\n            if (addressElement.current !== undefined) {\n                addressElement.current.select();\n                document.execCommand("copy");\n            }\n        }, [addressElement]);\n    return <HeaderUI\n        addressElement={addressElement}\n        handleCopy={handleCopy} />\n}\n

UI 组件是：

interface IProps {\n    handleCopy: (event: React.MouseEvent) => void,\n    addressElement: React.MutableRefObject<HTMLInputElement | undefined>,\n}\nconst HeaderUI: React.FC<IProps> = ({\n                                        handleCopy, addressElement\n                                    }) => {\nreturn <div className={classes.Header}>\n        <div className={classes["Header-Section"]}>\n            <span className={classes["Section-Title"]}>\xd0\x9f\xd0\xb5\xd1\x80\xd1\x81\xd0\xbe\xd0\xbd\xd0\xb0\xd0\xbb\xd1\x8c\xd0\xbd\xd1\x8b\xd0\xb9 \xd0\xb0\xd0\xb4\xd1\x80\xd0\xb5\xd1\x81 \xd0\xba\xd0\xbe\xd1\x88\xd0\xb5\xd0\xbb\xd1\x8c\xd0\xba\xd0\xb0:</span>\n            {address && <input\n …