使用传播算子将所有道具传递到React组件是否会产生性能成本

时间:2019-02-07 14:19:44

标签: javascript reactjs react-native components

目前,我发现自己正在编写许多类似于以下内容的组件:

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}/>
    )
  }
}

较高的状态像往常一样通过道具向下传递并传播到子组件中。

在某些情况下,我发现我正在将所有道具散布到每个子组件中,因为它比指定道具更快/更容易。

所以问题是:

  1. 即使将10个子组件分散到每个组件中,是否也要花费性能代价?
  2. 我应该更具体地说明将哪些道具传递给每个组件吗?
  3. 为每个子组件执行此操作是否有不利之处?

0 个答案:

没有答案