关于Redux存储中数据可重用计算的最佳实践

关于Redux存储中数据可重用计算的最佳实践

最简单的方法是创建实用程序函数来计算此数据，并将它们放在一个单独的模块中，该模块可以被许多组件的

mapStateToProps

功能使用。一个超简单的例子：

import { displayName } from "./utils";function mapStateToProps(state) {  return {    displayName: displayName(state.user)  };}function MyComponent(props) {  return <div>Name: {props.displayName}</div>;}export default connect(mapStateToProps)(MyComponent);