创建一个数组，直到reactjs中的任何特定数字为止

Question

我是React js的初学者，正在尝试做一些操作。我想创建一个数组，直到任何数组（特别是数字）的长度都假设我的数组长度是10，那么该数组应该是我的状态变量- this.state{ length = 10, length_array= []}handleClick = () =>{    this.setState{    length_array:[1,2,3,4,5,6,7,8,9,10]}}我想在我的表标题中显示此数组<Table>  <tr>     <th>         this.state.length_array.map((item, key) =>         <th>{item.name}</th>);     </th>  </tr></Table>

Answer 1

使用正常for loop。

function createArraybyLength(length) {

  let arr = []

  for(let i = 1; i <= length; i++){

    arr.push(i)

  }

  return arr

}

console.log(createArraybyLength(10))

Answer 2

除了holydragon的答案外，无需使用for循环。

const length = 10;

const arr = Array(10).fill(null).map((item, index) => index + 1);

console.log(arr)

Answer 3

在您的handleClick中执行此操作

 handleClick = () =>{

     let newArray = []

    for(let i=1; i<=this.state.length; i++){

      newArray.push(i);

    }

    this.setState({

      length_array : newArray

    })

}}