Question

在App index.js文件中，我基于用户身份验证将重定向处理为navigate。

const IndexAuth = () => navigate(routes.DASHBOARD);

const IndexPageContent = withAuthorization(authCondition)(() => (
 <AuthUserContext.Consumer>
    {authUser => (authUser ? <IndexAuth /> : null)}
  </AuthUserContext.Consumer>
));

export default withAuthentication(IndexPage);

重定向有效，但我在IndexAuth遇到错误，导致routes.DASHBOARD上的页面无法呈现。

IndexAuth(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null.

据我了解，我需要将组件的某些内容返回到render。我该怎么办？

Answer 1

如果IndexAuth只是导航的包装，则导航需要返回某些内容，而事实并非如此。如果导航是您的函数，请向其添加一个返回值。否则，将其添加到IndexAuth。

Answer 2

只是扩展约瑟夫·西布尔（Joseph Sible）的答案，并为同一艘船上的其他人提供解决方案。

我通过在.ini中返回null来解决了该问题

IndexAuth

React Component中渲染未返回任何内容

2 个答案: