1. ホーム
  2. javascript

[解決済み] 機能コンポーネントのためのmapStateToProps

2022-02-24 17:57:50

質問

のような関数はありますか? mapStateToProps ReduxのステートをReactの機能コンポーネントに接続できるように?

親コンポーネントからpropsとして状態を渡すことが唯一の解決策でしょうか?

どのように解決するのですか?

を使用すれば間違いありません。 mapStateToProps を機能的なコンポーネントで使用する場合、クラスコンポーネントで使用するのと同じようにします。

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

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

export default connect(mapStateToProps)(MyComponent);