javascript - 功能组件的 mapStateToProps

Question

有没有类似mapStateToProps的函数，可以让我们在React中把Redux状态连接到函数式组件上？

将状态作为 props 从父组件传递是唯一的解决方案吗？

Answer 1

您绝对可以将 mapStateToProps 用于函数式组件，就像您使用类组件一样。

function MyComponent({ propOne }) {
  return <p>{propOne}</p>
}

function mapStateToProps(state) {
  return { propOne: state.propOne };
} 

export default connect(mapStateToProps)(MyComponent);