Reactのコンセプト:純度

純粋、純粋関数、純粋成分とは

JavaScriptでは、関数がオブジェクトを変更せず、新しいオブジェクトを返すだけの場合、それは純粋関数と呼ばれます。

呼び出されるための関数またはメソッドピュア副作用を引き起こさず、同じ入力で複数回呼び出されたときに同じ出力を返す必要があります。

純粋関数は入力を受け取り、入力などを変更せずに出力を返します。

その出力は引数によってのみ決定されます。この関数を1M回呼び出すことができ、同じ引数のセットが与えられた場合、出力は常に同じになります。

Reactはこの概念をコンポーネントに適用します。 Reactコンポーネントは、その出力がその小道具にのみ依存している場合、純粋なコンポーネントです。

すべての機能コンポーネントは純粋コンポーネントです。

const Button = props => {
  return <button>{props.message}</button>
}

クラスコンポーネントは、出力が小道具のみに依存している場合、純粋である可能性があります。

class Button extends React.Component {
  render() {
    return <button>{this.props.message}</button>
  }
}

私の無料ダウンロードReactハンドブック


その他の反応チュートリアル: