Question

在练习时我没有得到错误状态的定义，因为我检查文档是否使用相同格式创建状态

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;

Answer 1

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

ele

Answer 2

您必须使用Class组件才能使用状态。

class App extend React.Component
 {
   constructor(props) {
   super(props);
     this.state={
       // enter code here
      }
 }

render(){
return(
//enter code here
  )
  }
}

Answer 3

根据此代码。您应该得到解析错误。它应该具有render()方法。

render() {
    return (
        <View style={styles.container}>
            <Text>{this.state.Name}</Text>
            <Text>{this.state.Status}</Text>
            <Button title="Click Me!" onPress={this.ChangeProfile} />
        </View>
    );
}

ReferenceError：状态未定义-反应本机

3 个答案: