Вопрос о props?

Question

[Джон Голт]

Правильно ли передавать множественное число свойств таким образом ?

var User = React.createClass({
    getInitialState: function(){
      return {
        name: 'Jack London',
        listTitle: 'Grate List of Friends',
        friends: ['Oscar Wilde','Dan Braun', 'Bram Stoker']
      }
    },
    render: function(){
      return (
        <div>
          <h1>{this.state.name}</h1>
          <FriendList names={this.state.listTitle} mainName={this.state.name} anotherProp={this.state.prop}/>
        </div>
      )
    }
  });

  var FriendList = React.createClass({
      render: function(){
        return (
          <div>
            <h3>{this.props.mainName}</h3>
            <h3>{this.props.names}</h3>
            <h3>{this.props.anotherProp}</h3>
          </div>
        )
      }
  });

Просто если скажем будет 15 полей данных, которые я хочу передвать через props ниже, то что их все указывать в одну строку в вызове тега дочернего элемента ?

Answer 1

[Александр]

Если будет много свойств то лучше поступить так:

var config = {
   names:  this.state.listTitle,
   mainName: this.state.name,
   anotherProp: this.state.prop
};
// ...
<FriendList config={config} />
// ...

или разбить на более мелкие компоненты.