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

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

我正在使用 React 和 TypeScript,代码如下所示:

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

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

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

回答

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

这应该可以解决问题:

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


以上是React/TypeScript-输入'false元素”不可分配给类型“元素”的全部内容。
THE END
分享
二维码
< <上一篇
下一篇>>