javascript - 无法显示更新状态(REACT-NATIVE)

Question

我想在我的应用程序的侧边抽屉中显示更新的状态名称，我的功能工作正常，因为我可以在控制台中看到名称打印两次，但由于某种原因，我无法在应用程序屏幕上显示名称值(显示起始值) "")，我想我可能使用了错误的生命周期方法，有人可以帮助我吗？

state = {
    name: {
        value: ""
    }

componentWillMount() {

getTokens((value) => {
        if (value[0][1] === null) {
            alert('whoops')
        } else {
            this.props.UpdateUserData(value[0][1]).then(()=>{
                console.log(this.props.User.userData)
            this.state.name.value = this.props.User.userData
            console.log(this.state.name.value)
            })
}
    })
}
 render() {
    return (

        <View style={styles.container}>
                <Text style={styles.displayname}>{this.state.name.value} 
                 </Text>
        </View>
    )
}

Answer 1

this.state.name.value = this.props.User.userData

不要直接改变你的状态，因为它不会重新渲染组件，而是使用 setState 方法，如下所示

this.setState({
名称:this.props.User.userData
});