[React]map()で新しい配列を生成する
書式
配列名..map((変数名) => <p>{変数名}</p>)
map() メソッドは、与えられた関数を配列のすべての要素に対して呼び出し、
その結果からなる新しい配列を生成 ...
「React」extendsでES6のクラスを継承する
書式
class 子クラス extends 親クラス{ constructor(変数1,変数2,変数3,xxx) {/*親クラスのメンバー変数1と変数2を引用*/super(変数1,変数2); 処理コード }}使用例
「React」クラスにメソッドを定義するサンプル
書式
Class クラス名 { メソッド名() { return xxx } }使用例
<!DOCTYPE html><html><body><script>/*クラス ...「React」ES6クラスのサンプル
コンストラクタの形式
class クラス名 { constructor(name) { this.変数名 = name; }}使用例
<!DOCTYPE html><html><body ...「React ES6」クラスのメソッドを使うサンプル
書式
class クラス名{
メソッド名(){xxx}
}
使用例
「React ES6」クラス(class)とオブジェクト(object)を生成するサンプル
書式
constructor(引数名)
使用例
「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
使用例