「React入門」selectドロップダウンメニューのonchangeイベントを使うサンプル
書式
handleChange(event){ some code}
handleSubmit(event) {some code}
<select value={this.state.value} on ...
「React入門」props のデフォルト値を利用するサンプル
書式
関数名.defaultProps = {
name: ‘xxx ‘
};
defaultProps というプロパティを割り当てることで、props に値が渡されなかった際の ...
「React入門」シンプルなコンポーネントのサンプル
書式
{props.変数名}
React コンポーネントを作成するには render() メソッドを実装します。
使用例
「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 オブジェクトの「時刻」部を表す言語に依存した文字列を返します。
使用例