在渲染方法

Question

我有一个组件，假设（登录）。当我将请求发送到服务器时，我正在获取响应（最终我将道具数据获取到我的登录组件）.Form道具我需要验证，到哪个组件，我允许用户。以下是我到目前为止所做的事情，请更新我最好的方法

看，这就是我到目前为止所做的事情

    render()
{

       const {status}=this.props;
       if(status===1){
          return (<X/>)
       } else {
          return (<X/>
       }
}

Answer 1

如果要重新渲染渲染方法中的组件，请将用于这些组件的数据放在状态对象中：

state = {
 myStatus: status
}

然后从State：

中调用您的渲染方法中的数据

render() {
   if(this.state.myStatus === 1){
      return (<X/>)
   } else {
      return (<X/>)
   }
}

然后重新渲染这些数据，只需调用setState：

this.setState({
 myStatus: 1
});

这将自动重新渲染。在调用数据时调用setState。希望这有帮助！