Какой правильный или эффективный способ для Компонента Реактива?

Question

У меня есть несколько представлений в моем приложении, мне нужна помощь в том, как эффективно использовать повторно используемый компонент? Это нормально, если я создаю видовой компонент из повторно используемого компонента? - Общий вид дерева. Для пользователей Просмотр, который будет отображать данные и действия пользователя.

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

т.е.

Компонент - DepartmentTree, который предоставляет и некоторые функции, связанные с Department. Итак, в конце концов я буду оказывать

Компонент - usersTree, здесь же он вызывает и методы, связанные с пользователями. В представлении пользователей я буду отображать

Answer 1

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

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

Если вам требуются особые данные другого поведения, но вы все еще хотите использовать повторно используемый компонент TreeView, вы можете подумать о создании компонента более высокого порядка.Этот компонент обернет ваш повторно используемый компонент и добавит к нему определенную логику.Вы можете прочитать об этом и увидеть несколько хороших примеров здесь: https://reactjs.org/docs/higher-order-components.html

Самая важная вещь, которую я всегда имею в виду: это не всегда о том, как вы, в конце концов, делаете это, а о том, чтобы сделать это простым, понятным и последовательным.