reactjs - TypeError : Cannot read property 'RestaurantID' of undefined

Question

如何在状态中有条件地初始化变量？

this.state = {
  RestaurantID:
    typeof this.props.location.state.RestaurantID !== 'undefined'
      ? this.props.location.state.RestaurantID
      : cookie.load('cookie'),
};

 componentDidMount() {
        axios.get(BASE_URL+`/rstProfile/${this.state.RestaurantID}`)
            .then((response) => {
            //update the state with the response data
            if(response.data.length !== 0) {
                this.setState({
                    RestaurantName: response.data[0].RestaurantName,
                    Email: response.data[0].Email,
                    Zipcode: response.data[0].Zipcode, 
              });
            }
        });
       

我的应用程序中有一条路由，可以通过链接到个人资料的人或自己访问用户个人资料。我试图像这样有条件地设置一个变量，但上面出现类型错误。

Answer 1

错误的状态更新方式。您应该使用this.setState({ RestaurantID: typeof this.props.location.state.RestaurantID !== 'undefined' ? this.props.location.state.RestaurantID : cookie.load('cookie'),})