ReactのpropTypesについて

Question

https://codesandbox.io/s/github/reactjs/redux/tree/master/examples/real-world

こちらのcontainers/App.jsでpropTypesが宣言されていますが、このコンポーネントを呼び出しているRoot.xxx.jsではpropsとしてここで指定されている値をセットしていません。

こちらはどのような意味のコードとなるか教えていただけないでしょうか？

Answer 1

このコードは実際にはRoot.js -> React-Redux -> App.jsという形でReact-Reduxが間に挟まっています。定義されているPropsはreact-reduxのconnect関数が返すラッパーを介してReduxのStateからセットされています。

const mapStateToProps = (state, ownProps) => ({
  errorMessage: state.errorMessage,
  inputValue: ownProps.location.pathname.substring(1)
})

Comments

[yoppy0066]

ありがとうございます。
errorMessageとinputValueはreact-reduxを使う場合、つかえる値と考えればよいでしょうか？

[yoppy0066]

変なこと言ってすみません。
同ファイル(App.js)のmapStateToPropsですね。。

[shuntksh]

ReduxはReactのコンポーネントの外側でアプリの状態管理を行うライブラリで、そこにはどのような値でも保持することができます。たとえばerrorMessageなどはアプリの開発者が決めた値で、それを取り出しているわけです。

Reduxの開発者による解説ビデオが参考になると思います：
https://egghead.io/courses/getting-started-with-redux

＞同ファイル(App.js)のmapStateToPropsですね。。

そうです。目的はApp.jsのなかのReactコンポーネントにReduxのステートをマップしたいという点なので、（Reduxの）Stateを（Reactの）Propにマップしているわけです。