В любом случае, почему нужно передавать функции компонентам?

Question

Мне просто интересно, почему мы определяем каждую функцию компонента в одном месте (например, index.js), а затем передаем эти функции компонентам? Это имеет какой-то смысл?

Например, я хочу определить обработчик щелчков для компонента кнопки списка и еще один обработчик щелчков для компонента кнопки некоторых форм. Зачем мне определять их все в одном месте? Разве подход «разделяй и властвуй» не лучше?

Я имею в виду, почему бы мне просто не определить свои обработчики кликов в самих компонентах, где они принадлежат? кроме того, что все в одном месте становится грязным и его трудно поддерживать ...

Answer 1

Я хочу определить обработчик щелчков для компонента кнопки списка и еще один обработчик щелчков для некоторых компонентов кнопки форм. Почему бы мне определить их все в одном месте?

Из-захарактер однонаправленного потока данных, который использует React, состояние течет вниз по дереву, а события (т.е. изменения) передаются обратно через обработчики, такие как те, которые вы упомянули.Компоненты в глубине дерева могут (или, скорее, должны) распространять изменения обратно только через clickHandlers и т. П.

Причина, по которой обработчики часто определяются вместе только в нескольких местах, заключается в том, что эти места обычно представляют точкигде общее состояние является общим, поэтому события, которые обновляют это состояние, должны обрабатываться там.