В настоящее время я пишу множество компонентов, таких как:
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}/>
)
}
}
Состояние более высокого уровня передается через подпорки как обычно и распространяется в дочерний компонент.
В некоторыхЯ обнаружил, что я распространяю все реквизиты на каждый дочерний компонент, так как это быстрее / проще, чем задавать реквизиты.
Итак, вопросы:
- Есть ли затраты на производительность дляРазбить все реквизиты на все компоненты, даже если там могут быть десятки дочерних компонентов?
- Должен ли я быть более конкретным с тем, какие реквизиты передаются каждому компоненту?
- Есть ли недостатки для этогокаждый дочерний компонент?