Wie man einen Prop-Wert einem Zwei-Zustand in reagieren

Question

Ich habe nach diesem Text gesucht, aber keiner meiner Situation behoben. Meine Bedingung ist, dass ich einen Prop-Wert habe. Ich muss diesen Wert auf 2 State-Variable setzen. Eine direkte Zuweisung ist eine indirekte. jetzt aufgrund der asynchronen Natur des gesetzten Zustands oder des unbekannten Grundes, bevor der Wert gesetzt wurde, der unter gerendert wurde. Wie soll ich dieses Verhalten kontrollieren? das ist mein componentWillReceiveprops der Kinder

componentWillReceiveProps(nextProps) { 
    let lastManualFlag =[...this.state.lastManualFlag]; 
    console.log('before',lastManualFlag,nextProps.groupBy.length); 
    for(var i=0;i<nextProps.groupBy.length;i++){ 
     lastManualFlag[i]=false; 
    } 
    console.log("after",lastManualFlag) 
    this.setState({lasManualProg:lastManualFlag}); 
    this.setState({ groupBy: nextProps.groupBy}); 

    } 

dies meine Methode

render() { 
    console.log('this.state',this.state); 
    if (!this.props.groupBy) return null; 

, wenn ich meine lastManualFlag noch trösten sah machen ist Größe 0-Array

Answer 1

ist Sie haben zwei Anrufe Zustand

einstellen

Wie wäre es mit einem Anruf wie:

this.setState({...state,lastManualProg:lastManualFlag,groupBy: nextProps.groupBy});