箭头函数的参数

Question

我是React的新手，想了解以下一些代码：

增量值是如何接收增量值的？两者之间的联系是什么？incrementValue知道在哪里取increment的值

谢谢。

编码：

function App() {
const [counter, setCounter] = useState(0);
const incrementCounter = (incrementValue) => setCounter(counter+incrementValue);
return (
<div>
<Button onClickFunction={incrementCounter} increment={1} />
<Button onClickFunction={incrementCounter} increment={5} />
<Button onClickFunction={incrementCounter} increment={10} />
<Button onClickFunction={incrementCounter} increment={100} />
<Display message={counter}/>
</div>  
);
}

Answer 1

在Button组件中，onClickFunction道具将被调用，并将增量值作为参数传递给它。

this.props.onClickFunction(incrementValue)

实际情况是，incrementCounter函数被传递给Button组件，然后可以通过onClickFunction道具使用

Answer 2

我已经单独找到了答案，如果它能帮助任何人的话：

const {onClickFunction, increment } = props;
return (<button onclick={() => onClickFunction(increment)}></button>);