Obiekty nie są ważne jako React child

Question

Dostaję poniżej błąd. Widzę, że muszę zwrócić tablicę zamiast obiektu. Ale naprawdę nie jestem pewien, jak to naprawić. Z góry dziękuję

Obiekty nie są ważne jako React child. Jeśli chcesz renderować kolekcję elementów podrzędnych , użyj zamiast niej tablicy lub zawiń obiekt przy użyciu createFragment (object) z dodatków React. Sprawdź metodę renderowania z 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 jest obiektem, reagują nie wie, jak czynią to:

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

Spróbuj zmienić this.state.timeElapsed na sznurku jak na przykład:

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

Answer 2

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

W tym przypadku uwaga jest moim elementem potomnym, a ja przekazałem datę jak wyżej i zadziałało to dla mnie.

Wyjście Pass date to React Child