目前,我发现自己正在编写许多类似于以下内容的组件:
export default class MyComponent extends Component {
constructor(props) {
super(props)
this.state = {
someState1: 'something',
someState2: 'something',
someState3: 'something'
}
}
render() {
return (
<ComponentOne prop1={this.someState1} {...this.props}/>
<ComponentTwo prop2={this.someState2} {...this.props}/>
<ComponentThree prop3={this.someState3} {...this.props}/>
)
}
}
较高的状态像往常一样通过道具向下传递并传播到子组件中。
在某些情况下,我发现我正在将所有道具散布到每个子组件中,因为它比指定道具更快/更容易。
所以问题是: