代码之家 › 专栏 › 技术社区 › Darren

React组件中的呈现未返回任何内容

reactjs javascript

Darren · 技术社区 · 7 年前

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 . 我该怎么做?

2 回复 | 直到 7 年前

Joseph Sible-Reinstate Monica 7 年前

如果IndexAuth只是navigate的一个包装器,那么navigate需要返回一些东西,而实际情况并非如此。如果navigate是您的函数,那么向它添加一个返回值。否则,将其添加到IndexAuth。

Darren 7 年前

只是为了扩展约瑟夫·西布尔的答案,为同一条船上的其他人提供一个解决方案。

null IndexAuth

const IndexAuth = () => {
  navigate(routes.DASHBOARD);
  return null;
};

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

8 月前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

8 月前

Alex · 在轻量级中同时解构和不解构变量

8 月前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

8 月前

bairog · 从按属性筛选的对象数组字典中创建值数组

8 月前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

8 月前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

8 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

9 月前

user3472810 · Angular@Output/EventEmitter返回undefined

9 月前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

9 月前