javascript - 反应:有一个返回语句,但“没有从渲染返回。这通常意味着缺少返回语句”
问题描述
我有一个我目前正在尝试渲染的组件。我放了一个返回语句,但我仍然显示错误。
import React, { useState } from 'react';
import moment from 'moment';
import {FaSpaceShuttle} from 'react-icons/fa';
export const TaskDate = ({ setTaskDate, showTaskDate, setShowTaskDate }) => {
return (
showTaskDate && (
<div className="task-date" data-testid="task-date-overlay">
<ul className="task-date__list">
<li>
<div
onClick={() => {
setShowTaskDate(false);
setTaskDate(moment().format('DD/MM/YYYY'));
}}
>
<span>
<FaSpaceShuttle />
</span>
<span>Today</span>
</div>
</li>
</ul>
</div>
)
);
};
任何帮助,将不胜感激!
解决方案
问题是showTaskDate
你undefined
什么时候不渲染任何东西,你只需返回undefined
.
如果没有设置,您可以更改return
使用条件并返回不呈现任何内容。null
showTaskDate
export const TaskDate = ({ setTaskDate, showTaskDate, setShowTaskDate }) => {
return (
showTaskDate ? (
<div className="task-date" data-testid="task-date-overlay">
<ul className="task-date__list">
...
</ul>
</div>
) : null
);
};
推荐阅读
- mapbox - 使用 Mapbox 优化 API 的多个驱动程序?
- reactjs - React Web App Routing 适用于桌面(包括移动开发视图),但不适用于移动浏览器
- javascript - 如何知道用户是否从不同的选项卡登录到我的 SAAS
- android - API 级别 26 及以上的内存问题 - 如何解决?
- php - LIMIT LEFT 连接到多行中最后更新的行
- sql - Oracle SQL - 仅显示净效应(不匹配)行
- amazon-web-services - AWS CDK:如何创建指向弹性 IP 的 Route53 记录?
- javascript - 如何在reactjs中保存条形图的先前状态和当前状态
- python - 在 Python 中验证 SAML2 断言(作为密码替换)
- python - Pandas 中的日期格式