函数组件不能有字符串引用.我们建议改用useRef()

Question

我正在使用useState和useRef创建一个计数器状态。然而，我得到这个错误

这是我的代码

import { useEffect, useRef, useState} from 'react';

const App = () => {
const [clicks, setClick] = useState(0)
const myComponentDiv = useRef(null)
useEffect(() => {
if (myComponentDiv && myComponentDiv.current) {
myComponentDiv.current.addEventListener('click', clickHandler)
return () => {
myComponentDiv.current.removeEventListener('click', clickHandler)
}
}
}, [myComponentDiv]);
const clickHandler = () => {
setClick(clicks + 1)
}
return (
<div className="App">
<div className="my-component" ref="myComponentDiv">
<h2>My Component {clicks} clicks</h2>
</div>
</div>
);
}
export default App;

我能知道我哪里做错了吗？

Answer 1

此处：

ref="myComponentDiv"

应该是：

ref={myComponentDiv}