reagieren-native: Zustand nicht innerhalb der componentWillReciveProps aktualisiert

Question

i so viele Möglichkeiten gesucht, diese zu lösen, aber niemand arbeitet, setState noch nicht in der componentWillReciveProps Methode arbeiten hier ist mein Code:

export class Detail extends React.Component 
{ 
    constructor(props) 
    { 
    super(props); 
    this.state = { 
     ids: 'ger' 
    } 
    } 

    componentWillReceiveProps(nextProps) { 
    this.setState({ ids: nextProps.data },() => { 
      console.log(nextProps.data+"=this id") 
     }); 
    } 


    render() 
    { 
    return (
     <View> 
     <Text>{this.state.ids}</Text> 
     </View> 
    ); 
    } 
} 

wenn i do console.log(nextProps.data+"=this id") es kann die ID, die ich auf this.state.ids aktualisieren möchte. Aber in der <Text>{this.state.ids}</Text> im Render zeigt immer noch den Standardwert von this.state.ids ('ger'), bedeutet, dass this.state.ids nicht in der componentWillReceiveProps aktualisiert wurde.

Answer 1

setState() aktualisiert die Komponente nicht immer sofort.

können Sie alles, was Sie brauchen, auf here finden.

eigentlich als react document saya "React ruft componentWillReceiveProps nicht mit initialen Requisiten während des Mounten auf. Es ruft diese Methode nur auf, wenn einige Requisiten der Komponente aktualisiert werden. Der Aufruf von this.setState löst componentWillReceiveProps normalerweise nicht aus."

Sie könnten mehr here finden.

Answer 2

Das sieht für mich wie ein Antipattern aus. Warum injizieren Sie nextProps.data nicht direkt als IDs in die Detail-Komponente? Dann können Sie geben die ids direkt wie folgt aus:

<Text>{this.props.ids}</Text> 

Normalerweise sollten Sie auch eine Warnung erhalten, dass setState Aufruf in „componentWillReceiveProps“ keine Auswirkungen haben wird. Wenn Sie wirklich Ihren Status aktualisieren möchten, können Sie "this.state.ids = nextProps.data" tun, denke ich.