Passing array to component property in React

Question

How can I pass an array to a component as a property. Neither of the following achieve what I am looking for. I want to pass the array of items through, manipulate them in the component and output in the render method.

<List columns=['one', 'two', 'three', 'four'] /> // unexpected token
<List columns="['one', 'two', 'three', 'four']" /> // passed through as string not array

Is there a standard syntax or best practice for this kind of thing?

rojoca · Accepted Answer · 2016-01-15 01:31:03Z

27

You need to use {} around js expressions:

<List columns={['one', 'two', 'three', 'four']} />

answered Jan 15, 2016 at 1:31

rojoca

11.2k4 gold badges47 silver badges47 bronze badges

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

Collectives™ on Stack Overflow

Passing array to component property in React

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related