React组件的条件属性是否会影响性能?

时间:2017-06-27 08:20:39

标签: performance reactjs

想象一下连接到Redux的简单React组件,它使用redux store中的值呈现DOM节点。

const mapStateToProps = state => ({ text: state.text })
const Text = connect(mapStateToProps)(({ text }) => text)
return default Text

<Text />

现在我想将modifier属性添加到Text组件,这会向if添加一个mapStateToProps语句。

const mapStateToProps = state => {
  const text = state.text 
  return { text: modifier ? modifier(text) : text }
}

<Text modifier={foo => foo + 2}/>

问题是我是否应该在if内有两个不同的组件或mapStateToProps组件。我的应用程序是重载数据驱动的应用程序,其中store可以每秒更新几次。 50%的Text组件需要修饰符,其他50%则不需要修饰符。

请指教。谢谢。

0 个答案:

没有答案