React/TypeScript - 输入'false | 元素”不可分配给类型“元素”

Question

我收到此错误：键入 'false | Element' 不可分配给类型 'Element'。

我正在使用 React 和 TypeScript，代码如下所示：

function App() {
    const [isSearching, setIsSearching] = useState(false);
    return (
        {isSearching && <div> Hey </div>}
    )
}

{isSearching && <div> Hey </div>} 给出了上述错误

谁能帮我指出我在这里可能遗漏了什么？

Answer 1

React 组件应该返回一个 JSX。如果 isSearching 为 false，则返回 false 且不返回 JSX。

这应该可以解决问题：

function App() {
    const [isSearching, setIsSearching] = useState(false);
    return (
        <>
          {isSearching && <div> Hey </div>}
        </>
    )
}