gpt4 book ai didi

reactjs - 引用错误 : state is not defined - react native

转载 作者:行者123 更新时间:2023-12-05 01:38:06 25 4
gpt4 key购买 nike

我在练习时遇到错误 state is not define,因为我检查了他们使用相同格式创建状态的文档

function App() {

// build state
state = {
Name:'Hamza',
Status: 'Comitted'
};
// function
ChangeProfile=()=>{
this.setState({
Name: 'Shahwar'
});
this.setState({
Status: 'Divorced'
});
console.log('updated',this.state);
}
return (
<View style={styles.container}>
<Text>{this.state.Name}</Text>
<Text>{this.state.Status}</Text>
<Button title="Click Me!" onPress={this.ChangeProfile} />
</View>
);
}

export default App;

最佳答案

您正在尝试混合基于类和功能的基础。你的代码应该是这样的。

function App() {

const [state, setstate] = useState({
Name:'Hamza',
Status: 'Comitted'
})

ChangeProfile=()=>{
setState({
Name: 'Shahwar',
Status: 'Divorced'
});
console.log('updated',state);
}
return (
<View style={styles.container}>
<Text>{state.Name}</Text>
<Text>{state.Status}</Text>
<Button title="Click Me!" onPress={this.ChangeProfile} />
</View>
);
}
export default App;

关于reactjs - 引用错误 : state is not defined - react native,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60148233/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com