javascript - React/TypeScript - 类型 'false | Element' 不可分配给类型 'Element'

Question

我收到此错误:输入'假| 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>}
        </>
    )
}