Javascript 反应：有一个返回语句，但是；没有从render返回任何内容。这通常意味着缺少返回语句；

我有一个组件，我目前正试图渲染。我放入了一个return语句，但仍显示一个错误

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>
    )
  );
};

import React，{useState}来自“React”；
从“力矩”中导入力矩；
从'react icons/fa'导入{FaSpaceShuttle}；
export const TaskDate=（{setTaskDate，showTaskDate，setShowTaskDate}）=>{
返回(
showTaskDate&(


{
设置ShowTaskDate（假）；
setTaskDate（矩（）格式（'DD/MM/YYYY'）；
}}
>
今天


)
);
};

---

任何帮助都将不胜感激

问题是当

showTaskDate

为

undefined

时，您不呈现任何内容，只需返回

undefined

如果未设置

showTaskDate

，则可以将

return

更改为使用条件，并将

null

更改为不呈现任何内容

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
  );
};

export const TaskDate=（{setTaskDate，showTaskDate，setShowTaskDate}）=>{
返回(
展示任务日期(

...

)：null
);
};