代码之家 › 专栏 › 技术社区 › 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;
};

推荐文章

BADRUM · 执行两个获取功能后,如何导航回页面?

1 年前

Agrim Singh · 对象无效,因为使用React router dom时显示React子错误

1 年前

Anaya Ammar · 渲染后未显示的值

1 年前

matin kahrizi · 当我的状态更改时,useSelector不更新

1 年前

YotiPoti · 我的照片太大了,无法容纳我的HTML画布。我该怎么办?

1 年前

Zemelon · -moz背面可见性不适用于顺风css

1 年前

Abdelaziz Elrasheed · 如何成为专业的网页开发人员。。。?[已关闭]

1 年前

JustTrynaProgram · React和Tailwind-从配置中读取自定义断点值

1 年前

Mark C. · 制作一个可松开的单选按钮[关闭]

1 年前

Tridip Lodh · 在ES6中,JAVASCRIPT函数在“严格使用”模式下的行为如何?[已关闭]

1 年前