Objekte sind nicht gültig als React Kind

Question

Ich erhalte einen unteren Fehler. Ich kann sehen, dass ich Array anstelle von Objekt zurückgeben muss. Aber ich bin mir wirklich nicht sicher, wie ich das beheben soll. Vielen Dank im Voraus

Objekte sind nicht als reagierendes Kind gültig. Wenn Sie eine Sammlung von untergeordneten Elementen rendern möchten, verwenden Sie stattdessen ein Array oder wickeln Sie das Objekt mithilfe von createFragment (Objekt) aus den React-Add-Ons um. Überprüfen Sie die Rendermethode von 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 ist ein Objekt, React nicht weiß, wie dies zu machen:

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

Versuchen this.state.timeElapsed für eine Zeichenfolge wie zum Beispiel Wechsel:

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

Answer 2

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

In diesem Fall ist Note meine untergeordnete Komponente und ich hatte das Datum wie oben angegeben und es hat für mich funktioniert.

Ausgabe Pass date to React Child