javascript - 変数から作成された配列をマッピングして、グロメットの要素数をレンダリングします

Question

state に保存されている数値をユーザーが入力するテキストボックスがありますvalue。
今、配列を作成したいと思います[0, 1, 2, ..., value]。
この配列は(value + 1)、対応する ID を持つボックス/div の数を作成するために使用されます。

今、私はこれを試しました

{(value) && 
  ([...Array(value).keys()].map(id => (
    <NodeBox id={id} >
      <h3>{id}</h3>
    </NodeBox>
  )))
}

しかし、h3 テキスト「0」を含むボックスが 1 つしか作成されませんでした。状態、NodeBox、すべてが適切に定義されています。問題ないようです。

---

私がこれをしたら

{(value) && 
  ([0, 1, 2, 3].map(id => (
    <NodeBox id={id} >
       <h3>{id}</h3>
    </NodeBox>
  )))
}

期待通りの結果が得られます。対応する番号が入った 4 つのボックスを取得します。