ReactJS：二つの小道具やチェックpropType

Question

状況：

<Component> 
    child 
</Component> 

私は何をしたい：

<Component> 
<div></div> 
{this.function()} // loads array of components 
</Component> 

問題：

私は一つだけpropTypeを指定することができますか？ 2つの異なるpropypeを1つにする方法はありますか？

ありがとうございます！

Answer 1

私はあなたがしようとしていることはうまくいくと信じています。 Meteor react tutorialからこのコードを参照してください。

renderTasks() { 
    return this.getTasks().map((task) => (
    <Task key={task._id} task={task} /> 
)); 
} 

render() { 
    return (
    <div className="container"> 
     <header> 
     <h1>Todo List</h1> 
     </header> 

     <ul> 
     {this.renderTasks()} 
     </ul> 
    </div> 
); 
} 

あなたは同じように簡単にすることrender()を変更できます。

render() { 
    return (
    <div className="container"> 
     <header> 
     <h1>Todo List</h1> 
     </header> 

     <ul> 
     <Task task={this.props.myTask} /> 
     {this.renderTasks()} 
     </ul> 
    </div> 
); 
} 

編集：your commentへの返信で - はい、あなたが子供として代替PropTypesを指定することができます。このother answerを参照してください。

static propTypes = { 
    children: React.PropTypes.oneOfType([ 
     React.PropTypes.arrayOf(React.PropTypes.node), 
     React.PropTypes.node 
    ]).isRequired 
}