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

Question

我有一个组件，假设（登录）。当我将请求发送到服务器时，我正在获取响应（最终我将Props的数据获取到我的登录组件中）。我需要验证的表格道具，我允许用户。

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

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

Answer 1

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

state = {
 myStatus: status
}

然后以渲染方法从状态调用您的数据：

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

然后重新渲染此数据，只需调用SetState：

this.setState({
 myStatus: 1
});

这将自动重新渲染。无论您在调用数据时，请致电SetState。希望这会有所帮助！