Question

所以我对React并不是最好的。我正在构建一个从外部端点获取用户信息并将其存储在本地存储中的应用程序。我意识到我的react-app在该数据的状态更新之前正在加载html，并且只是不在前端显示它。我希望应用程序等到这些项目在本地存储中后再渲染。有什么建议吗？

Answer 1

您可以使用异步并等待它。

async componentDidMount(){
   await fetch()....
   /* your code goes here*/
}

Answer 2

使用功能组件，通常会执行以下操作：

const StyledTab = styled(Tabs)`
 &&&&&.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab-active {
    background: #fff;
  }
 &&&&.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab {
    background: #f1f6fc;
  }
 &&&&.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab ::after{
    border: 2px solid red;
    top: -2px;
    background-color: #FFF;
    position: absolute;
    right: -29px;
    transform:skewX(45deg);
    -ms-transform:skewX(45deg);
    -webkit-transform:skewX(45deg);
    border: 2px solid blue;
    z-index: -1;
  }
`;

用于渲染应用程序的ReactJS逻辑

2 个答案: