create an array till any particular number in reactjs

Question

I am a beginner in React js and trying to do some operations.

I want to create an array till the length of any array (particular number) suppose my array length is 10 , then the array should be

my state variables-

 this.state{
 length = 10,
 length_array= []
}

handleClick = () =>{
    this.setState{
    length_array:[1,2,3,4,5,6,7,8,9,10]
}}

I want to display this array in my table header

<Table>
  <tr>
     <th>
         this.state.length_array.map((item, key) =>
         <th>{item.name}</th>
);
     </th>
  </tr>
</Table>

Thanks.

Cause your code is full of basic syntax errors? – Jonas Wilms Apr 26 '19 at 07:24 — Jonas Wilms, Apr 26 '19 at 07:24

score 0 · Accepted Answer · answered Apr 26 '19 at 07:19

0

Use normal for loop.

function createArraybyLength(length) {
  let arr = []
  for(let i = 1; i <= length; i++){
    arr.push(i)
  }
  return arr
}
console.log(createArraybyLength(10))

answered Apr 26 '19 at 07:19

holydragon

6,158
6
39
62

score 0 · Answer 2 · answered Apr 26 '19 at 07:21

0

In addition to holydragon's answer, without using for loop.

const length = 10;

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

console.log(arr)

answered Apr 26 '19 at 07:21

Sachin

169
10

score 0 · Answer 3 · answered Apr 26 '19 at 07:26

0

do this inside your handleClick

 handleClick = () =>{
     let newArray = []
    for(let i=1; i<=this.state.length; i++){
      newArray.push(i);
    }
    this.setState({
      length_array : newArray
    })
}}

answered Apr 26 '19 at 07:26

Vikas Singh

1,791
1
14
26

create an array till any particular number in reactjs

3 Answers3