javascript - 无法显示更新状态（REACT-NATIVE）

Question

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

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>
    )
}

标签： javascriptreactjsreact-native

Answer 1

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

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

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