Реагировать на лучший метод передачи реквизита детям - передать все реквизиты или явно передать выбранные реквизиты?

Question

Какой подход лучше применять при передаче реквизита дочерним компонентам:

Подход 1 . Пройдите все props, используя {...props}, например,

ParentComponent = (props) => {
    return <ChildComponent {...props}> 
}

Подход 2 . Явно передать только требуется props, например

ParentComponent = ({prop1, prop2}) => {
    return <ChildComponent prop1={prop1}, prop2={prop2}> 
}

Подход 1 : вызывает предупреждения, когда недопустимые props непреднамеренно передаются children, как описано здесь

Подход 2 : затрудняет распространение CSS стилей до child components, в тех случаях, когда вы хотите стилизовать все экземпляры повторно используемого компонента, так как каждый CSS style property необходимо явно добавить в набор передаваемых props.

Answer 1

Я бы никогда не использовал рекреационное бурение это очень сложно и может сделать ваше приложение очень медленным. Используйте подход 2! :)