React: How do I make a two dimensional array from one dimensional array?

Question

I've recently started learning React. Anyways,I want to insert data in scatter chart which requires one two dimensional variable named "data". However, I don't know how to create it because I already have another one dimensional array. Tried something like this:

copyToFinal() {
        const  data = [
            this.state.arrayvar.map((number, index) =>
            {x:index, y:number})
        ];
    }

It's a function that creates a variable from array (arrayvar). I need an array which would fit for the graph library or maybe You could suggest any other way to insert my array into the graph which requires x and y values:

<ScatterChart min={null} max={null} data={data} xtitle="Index" ytitle="Random Numbers" /

Steve Holgado · Accepted Answer · 2018-10-05 22:52:42Z

1

You are not actually returning an object from your mapping function.

Try this:

const data = [
  this.state.arrayvar.map((number, index) => {
    return { x: index, y: number }
  })
]

...or:

const data = [
  this.state.arrayvar.map((number, index) =>
    ({ x: index, y: number })
  )
]

answered Oct 5, 2018 at 22:52

Steve Holgado

12.1k4 gold badges26 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

React: How do I make a two dimensional array from one dimensional array?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related