ボタンタップでhidden部分がもとに戻るように

[masayuki14]

props の hidden が変わらないと再描画されない。
hidden箇所を見えるようにしておくと、ボタンタップでももとに戻らない。

[masayuki14]

Cell を関数じゃなくてコンポーネントにしないと forceUpdate() できない。

[masayuki14]

useEffect() Hookと同じことしたい。Hookはコンポーネント内では使えない。

props が変更されたときに何かの state を「リセット」するために使うので、
componentWillReceiveProps() のライフサイクルメソッドを使えばよいがが、
バージョン 17 までしか使えない。
それ以降は UNSAFE_componentWillReceiveProps() に変わる。
つまりつかうなってこと。

https://ja.reactjs.org/docs/react-component.html#unsafe_componentwillreceiveprops

[masayuki14]

どうすればいいか

componentWillReceiveProps を props が変更されたときに何かの state を「リセット」するために使う代わりに、コンポーネントを完全に制御するか、または key を使って全く制御しないかを検討してください
その他の使用例については、派生 state に関するこのブログ投稿の推奨事項に従ってください。https://ja.reactjs.org/blog/2018/06/07/you-probably-dont-need-derived-state.html

を読めよ。ってことらしい。

[masayuki14]

componentDidUpdate(props, state) を使えばよい

[masayuki14]

TypeScriptのエラー。

(property) hidden: boolean | undefined
型 'boolean | undefined' を型 'boolean' に割り当てることはできません。
  型 'undefined' を型 'boolean' に割り当てることはできません。ts(2322)

undefined がはいってきちゃう。

[masayuki14]

withStyles() で TypeScript のエラーがでる。

ここのドキュメントをちゃんと読む
https://material-ui.com/guides/typescript/#typescript

[masayuki14]

  constructor(props: Props, context: any) {

context: any が要らんかった。

[masayuki14]

Cell をコンポーネントにしたけど、 forceUpdate() するなら List あたりをそうしないといけなかったのでは。。。