Где настройка параметров в этой функции проп?

Question

Я проверяю это живое демо, чтобы построить компонент нумерации страниц на ReactJs: https://codesandbox.io/s/l29rokm9rm?hidenavigation=1&view=preview&file= / src / App. js: 2182-2216

Мой вопрос: Где и как устанавливается параметр в этой функции?:

onPageChanged={this.onPageChanged}

Эта функция получает "данные":

onPageChanged = data => {

Я не понимаю, где и как проходит приложение " данные "к компоненту нумерации страниц.

Спасибо.

Answer 1

функция this.onPageChanged передается как ссылка на дочерний компонент, и она вызывается оттуда, она не вызывается отсюда (компонент приложения сам) для передачи ей аргументов!

если вы проверите компонент Pagination в предоставленном вами примере, вы увидите, что он вызывается из gotoPage метода компонента, как показано ниже в строке 53:

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

и Вы можете видеть, что значение data происходит отсюда onPageChanged(paginationData)

. В основном, в реагировании вы можете передавать любое значение в качестве подпорки дочерним компонентам и столько, сколько функции считаются значением (например, вы можно присвоить функцию переменной), затем вы можете передать ее в качестве ссылки (рассмотрите ее как обратный вызов) для вызова из другого места!