对将道具传递给孩子的最佳做法做出反应-通过所有道具，还是明确传递选定的道具？

Question

将道具传递到子组件时，哪种方法更好：

方法1 。使用props传递所有{...props}，例如

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

方法2 。显式地仅传递必需的props，例如

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

方法1 ：如by @Jonathan Willcock

所述，在无意中将非法props传递给children时产生警告

方法2 ：在您要为重复使用的组件的所有实例设置样式的情况下，将CSS样式传播到child components很麻烦，因为每个CSS {{1} }需要明确地添加到要传递的style property的集合中。

Answer 1

我永远不会使用prop drilling，这非常棘手，会使您的应用程序运行缓慢。使用方法2！ ：）