React参照の配列

Question

stackoverflowの投稿を読みました 参照に関する質問

次のようなコードを使用して、refの配列を次のようなさまざまな入力に割り当てることができます。

<Progressbar completed={25} id="Progress1" ref={(input) => {this.Progress[0] = input }}/>

<Progressbar completed={50} id="Progress2" ref={(input) => {this.Progress[1] = input }}/>

<Progressbar completed={75} id="Progress3" ref={(input) => {this.Progress[2] = input }}/>

しかし、私が試してみると、このエラーが返されます：

Uncaught TypeError: Cannot set property '0' of undefined

そしてそれは動作しません、私は何かを逃していますか？

Answer 1

次のように、コンストラクタで配列を作成します。

constructor(){
  super()

  this.Progress = []
}

Answer 2

進行配列が初期化されていません。コンストラクタで初期化してください。