Reactの学び1 (public fields and private fields)

当記事はとてもシンプルです

今までの実装

DoneButton.js

class DoneButton extends React.Component {
  constructor(props) {
    super(props)
    this.state = { arg: 'Done' }
  }

  render() {
    return (
      <button>
        {this.state.arg}
      </button>
    )
  }
}

ReactDOM.render(<DoneButton />, document.getElementById('root'))

今後の実装

DoneButton.js

class DoneButton extends React.Component {
  state = { arg: 'Done' }

  render() {
    return (
      <button>
        {this.state.arg}
      </button>
    )
  }
}

ReactDOM.render(<DoneButton />, document.getElementById('root'))

TC39によりstage 2 Draftの一つでIntegrated public and private fields proposalがあります。
僕達がJavaで書いてきたようにpublic fieldsとprivate fieldsが実装できるようになります。

上記のサンプルで説明すると

• public fields
  state = { arg: 'Done' }
• private fields
  #state = { arg: 'Done' }

取り急ぎこれぐらいにしておいて、気付きがあればまた追記します。