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

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

reactjs javascript

Darren · 技术社区 · 6 年前

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 回复 | 直到 6 年前

Joseph Sible-Reinstate Monica 6 年前

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

Darren 6 年前

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

null IndexAuth

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

推荐文章

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

4 月前

Facundo Cabrera · 意外的应用程序错误!useNavigate()只能在<Router>组件的上下文中使用

4 月前

user29295031 · 如何使用react和vite覆盖Tailwinds css 4默认设计

4 月前

Gukkey · 在React中明确隐藏日期类型输入后,如果我单击父div,如何显示日期选择器?

5 月前

Luckkks · 过渡色工作不正常

5 月前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

5 月前

vatsal chauhan · 即使在字体预加载时,文本加载也很慢

5 月前

hasratyan · Next.js 15 API路由-动态路由中的无效GET导出错误[id]

5 月前

noblerare · Vite错误-未定义导出(SSR)

5 月前

ProfessorFinesse · 在默认表单中完成帖子请求时,“res.send”会去哪里?

5 月前