State

1736 ワード
React State テキストリンク

内部構成部品で変更できる値.

stateの2種類


ステータス、
  • クラスの構成部品を含む
  • 関数型素子においてusStateという関数により使用するstate
    • propsは親コンポーネント設定の値であり、コンポーネント自体は読み取り専用としてのみ使用できます.
    変更するには、親コンポーネントで置換する必要があります.

    #1 constructorメソッドによる設定

    import React, {Component} from 'react';

class App extends Component {
    constructor(props) {
        super(props);
        this.state = {
            number: 0,
            fixedNumber: 0
        }
    }

  render() {
        const { number, fixedNumber } = this.state;
        return (
          <div>
          ...
          </div>
      );
    }
}

export default App;

    コンストラクション関数から#2 stateをポップアップ

    import React, {Component} from 'react';

class App extends Component {
    state = {
            number: 0,
            fixedNumber: 0
    };
        
    render() {
       const { number, fixedNumber } = this.state;
       return (
          <div>
            ...
          </div>
      );
    }
}

export default App;
    [プログラマ]マトリクスの枠線を回転
    AtomicBooleanを使用してリソースを優雅に初期化