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>}
</>
)
}
THE END
二维码