Lifting State Up – React

These docs are old and won’t be updated. Go to react.dev for the new React docs. These new documentation pages teach modern React and include live examples: Sharing State Between Components Often, several components need to reflect the same changing data. We recommend lifting the shared state up to their closest common ancestor. Let’s see how this works in action. In this section, we will create a

[kuy]

Reactコンポーネントで状態を共有したいときに、共通の祖先のコンポーネントに状態を引き上げる方法について。

[oinume]

stateは親のComponentで管理して、子のComponentにはpropsとして渡す。親ComponentにはhandleCelsiusChange, handleFahreheitChangeを用意して、この関数でstateを更新する。

[ainame]

あとで見る