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 = () =>{
     let newArray = []
    for(let i=1; i<=this.state.length; i++){
      newArray.push(i);
    }
    this.setState({
      length_array : newArray
    })
}}

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

3 个答案: