在此道具功能中在哪里设置参数?
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 传递给子组件,并将尽可能多的函数视为值(例如,您可以将一个函数分配给一个变量),然后您可以将它传递下去 作为参考(将其视为回调) 从另一个地方调用!
我正在检查这个现场演示以在 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 传递给子组件,并将尽可能多的函数视为值(例如,您可以将一个函数分配给一个变量),然后您可以将它传递下去 作为参考(将其视为回调) 从另一个地方调用!