在此道具功能中在哪里设置参数?

Where is setting the params in this prop function?

我正在检查这个现场演示以在 ReactJs 上构建分页组件:https://codesandbox.io/s/l29rokm9rm?hidenavigation=1&view=preview&file=/src/App.js:2182-2216

我的问题是:在此函数中在哪里以及如何设置参数?:

onPageChanged={this.onPageChanged}

那个函数得到"data":

onPageChanged = data => {

我不明白应用程序将 "data" 传递给分页组件的位置和方式。

谢谢。

函数 this.onPageChanged 作为对子组件的引用传递,它是从那里调用的,而不是从这里调用的(App 组件本身)来传递参数给它!

如果您检查示例中的 Pagination 组件,您将看到它是从组件的 gotoPage 方法调用的,如下面的第 53 行:

this.setState({ currentPage }, () => onPageChanged(paginationData));

您可以看到 data 值来自此处 onPageChanged(paginationData)

基本上,在 React 中,您可以将任何值作为 props 传递给子组件,并将尽可能多的函数视为值(例如,您可以将一个函数分配给一个变量),然后您可以将它传递下去 作为参考(将其视为回调) 从另一个地方调用!