オブジェクトはリアクションの子としては無効です

Question

以下のエラーが発生しています。オブジェクトの代わりに配列を返さなければならないことがわかります。しかし、私は本当にそれを修正する方法がわかりません。事前に感謝します

オブジェクトはリアクションの子としては無効です。 子コレクションをレンダリングする場合は、代わりに配列を使用するか、Reactアドオンの createFragment（オブジェクト）を使用してオブジェクトをラップします。レンダリング方法 のViewを確認してください。

constructor(props){ 
    super(props); 
    this.state = {timeElapsed: null}; 
    } 

startStopButton(){ 
    return <TouchableHighlight underlayColor="gray" onPress={this.handleStartPress.bind(this)}> 
     <Text>Start</Text> 
     </TouchableHighlight> 
    } 

handleStartPress(){ 
     var startTime = new Date(); 




     setInterval(()=>{ 
     this.setState({timeElapsed: new Date()}) 
     }, 1000); 
    } 
render(){ 
return(
    <View style={styles.container}> 
    <View style={[styles.header]}> 
     <View style={[styles.timerContainer, this.borderColor('#ff6666')]}> 
     {this.state.timeElapsed} 
     </View> 
     <View style={[styles.buttonsContainer, this.borderColor('#558000')]}> 
     {this.startStopButton()} 
     {this.lapButton()} 
     </View> 
    </View> 
    </View> 
); 


} 

Answer 1

timeElapsedがオブジェクトである、これをレンダリングする方法を知らないリアクト：

<View style={[styles.timerContainer, this.borderColor('#ff6666')]}> 
    {this.state.timeElapsed} 
    </View> 

は、例えばのような文字列のためのthis.state.timeElapsedを変更してみてください：

<View style={[styles.timerContainer, this.borderColor('#ff6666')]}> 
    {this.state.timeElapsed.toString()} 
    </View> 

Answer 2

<Note note={ 
<p>{(new Date(updated_at)).toString()}</p> 
} /> 

この場合、Noteは私の子コンポーネントであり、私は上記のように日付を渡しましたそれは私のために働いた。

出力 Pass date to React Child