React Native Redux: this.setState ändert nicht den Status

Question

this.setState ({device}) aktualisiert den Status überhaupt nicht, es sei denn, ich erzwinge es mit "this.state.device = __", aber es wäre immer noch ein Problem, da die Komponente nicht erneut gerendert wird. Ich habe versucht, eine Callback-Funktion, wie:

this.setState({device: selectedDeviceId},() => { 
    console.log(this.state.device) 
})  

aber der Code überhaupt nicht einloggen, was darauf hindeutet, dass setState nicht einmal genannt werden.

class Stats extends React.Component { 
    state = { 
    viewType: 'day', 
    dt: moment(), 
    device: {} 
    } 
    getDevice =() => { 
    const devices = this.props.devices || [] 
    const selectedDeviceId = this.props.selectedDeviceId 

    devices.forEach((d) => { 
     if (d._id === selectedDeviceId) this.setState({device: d}) 
    }) 
    if (!this.state.device._id && devices.length) { 
     this.setState({device: devices[0]}) 
    } 
    this.getUsage() 
    } 

    componentWillMount() { 
     console.log('Enter StatsScreen.componentWillMount') 
     let dt = this.state.dt 
     const date = moment(dt).format('YYYY-MM-D') 
     console.log(date) 
     this.getDevice() 
    } 
} 

Answer 1

Das Problem ist, dass Sie nicht React Native State verwenden Sie verwenden eine Variable, die Sie State genannt haben. Korrigieren Sie dies, indem Sie die Konstruktor-Lifecycle-Methode schreiben und this.state = dort eingeben, um sie zu initialisieren.

Btw vermeiden Dinge in der WillMount-Lifecycle-Methode tun dies in der DidMount tun, dann blockieren Sie nicht die Benutzeroberfläche.