•state は props に似ていますが、コンポーネントによって完全に管理されるプライベートなものです。

クラスにライフサイクルメソッドを追加する

タイマーを設定したいのは、最初に Clock が DOM として描画されるときです。このことを React では “マウント (mounting)” と呼びます。

またタイマーをクリアしたいのは、Clock が生成した DOM が削除されるときです。このことを React では “アンマウント (unmounting)” と呼びます。

state を正しく使用する

this.state に直接代入してよい唯一の場所はコンストラクタです。

代わりに setState() を使用してください

データは下方向に伝わる

state を所有してセットするコンポーネント自身以外からはその state にアクセスすることができません。