在渲染方法中处理重新渲染组件的最佳方法答案

【问题标题】：Best way to handle re rendering components inside render method在渲染方法中处理重新渲染组件的最佳方法
【发布时间】：2017-11-29 18:00:56
【问题描述】：

我有一个组件，假设（登录）。当我将请求发送到服务器时，我正在获取响应（最终我以道具的形式获取数据到我的登录组件）。表单道具我需要验证，以哪个组件，我允许用户。到目前为止我在做什么，请告诉我最好的方法

看，这就是我目前正在做的事情

    render()
{

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

【问题讨论】：

【解决方案1】：

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

state = {
 myStatus: status
}

然后在你的渲染方法中从 State 调用你的数据：

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

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

this.setState({
 myStatus: 1
});

这将自动重新渲染。在调用数据的任何地方调用 setState。希望这会有所帮助！

【讨论】：