想象一下连接到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%则不需要修饰符。
请指教。谢谢。