Каков наиболее эффективный способ передачи нескольких реквизитов от компонента к его ребенку в ReactJS?

Question

Либо я должен конкатенировать все данные, которые я хочу передать в один объект, и отправить его в виде одной опоры или передать каждый из них отдельно в качестве отдельного реквизита?

давайте предположим, у меня есть 10 реквизита:

2 маленьких JSon массивы,

5 целых чисел

3 строки.

В дочернем компоненте я буду использовать его в некоторых функциях для отображения правильных данных. У меня будет от 50 до 1000 дочерних компонентов, таких как

Answer 1

Я думаю, что лучший способ (самый чистый способ) в этом случае - использовать spread attributes. Нет никакой разницы в эффективности.

var props = {}; 
props.foo = x; 
props.bar = y; 
var component = <Component {...props} />; 

Answer 2

var app = React.createClass({ 
    render() { 
     var data = { 
      array1: this.props.array1, 
      array2: this.props.array2, 
      interger1: this.props.int1, 
      etc etc.. 
     } 
     return (
      <component2 data={data} /> 
     ) 
    } 
})