「React入門」handleClick.bind()でイベント処理をするサンプル
使用例
<!DOCTYPE html><html><head><meta charset="UTF-8"/><title>Reactのサンプル</title> ...「React入門」React.Component継承のサンプル
書式
class クラス名 extends React.Component
使用例
「React入門」componentDidMount()とcomponentWillUnmount()のサンプル
説明
componentWillUnmount() は、コンポーネントがアンマウントされて破棄される直前に呼び出されます。
componentDidMount() で作成された購読の解除など、このメソッドで必要なクリー ...
「React入門」 コンポーネントのコンストラクタを実装するサンプル
書式
constructor(props) {
super(props);
this.state = {date: new Date()};
}
使用例
「React入門」ReactDOM.render()で日付の時間を表示するサンプル
説明
toLocaleTimeString() メソッドは、この Date オブジェクトの「時刻」部を表す言語に依存した文字列を返します。
使用例
「React入門」ReactDOM.render()のサンプル
ReactDOM.render()の説明
第2引数で指定した DOM 要素に対して、第1引数で指定したコンポーネントを割り当てます
使用例
「React入門」ReactDOM.renderでHello, worldを出力するサンプル
書式
ReactDOM.render(
some code
);
使用例
「React入門」条件付きレンダーのサンプル
使用例
<!DOCTYPE html><html><head><meta charset="UTF-8"/><title>React sample</title& ...「React入門」イベント処理にToggle コンポーネントのサンプル
機能
Toggle コンポーネントはユーザが “ON” 状態 “OFF” 状態を切り替えられるようなボタンをレンダーします。
使用例