技術と魚

技術調査、開発TIPS、駄文

React

React.Contextのネストを使ったテクニック

I ❤️ Context. 2020年が終わるまでにプロダクションからReduxのコードを消そうと思い、必死にReact.Contextへ移行していました。 さてContextについて面白いテクニックを見出したので紹介します。Contextはネストできます。これを使うことで、コンポーネント…

componentDidUpdateでContextの変化を見たい

って思うじゃないですか。 github.com 今のところは、公式な手段はなさそうです。こちらのissueにあるようにcontextの値をpropsにぶち込む何かを使ってどうにかする必要があります。 私はたいていcontextのvalueがobjectなので、指定したkeyについてpropsに…

getDerivedStateFromPropsでthisがundefinedな件

という問題に直面しました。GitHubのissueをたどってみると、 I understand this might seem a bit overprotective. But I don’t see practical upsides to allowing it. And I see downsides: this will be there, it will just point to a different thing…