Javascript 在react组件函数中放置参数

这是我的反应课程的一个问题的答案

import React from 'react';
const useState = React.useState;

export default function App() {
    const [count, setCount] = useState(0);
    
    const onButtonClick = () => {
        setCount(count+1);
    };
    
    return (
        <div>
            <button onClick={onButtonClick}>Click Me!</button>
            
            <h1>Current Count: {count}</h1>
        </div>
    );
}

---

难道我们不需要把count作为参数来使用它吗？我做错了什么？

由于回调将尝试使用对象添加一个数字，因此导致该错误。事件回调中的第一个参数是对象。如果您想让回调函数接受一个参数，您应该像这样重写JSX：

<button onClick={(event) => onButtonClick(event, count)}>Click Me!</button>

由于函数位于功能组件的内部，因此不需要上述内容。这意味着它可以访问

count

变量，这与许多其他编程语言不同

<button onClick={(event) => onButtonClick(event, count)}>Click Me!</button>

const onButtonClick = (event, count) => {
  setCount(count+1);
};