我正在尝试使用 react hooks 来解决一个简单的问题。我相信解决方案很愚蠢，但我没有看到。我试图在我的 package.json 中查看但没有找到解决方案。我很确定我正在以一种好的方式宣布我的状态。
import React, { useEffect } from "react";
import "./App.css";
import Chuck from "./gettyimages-83457444-612x612.jpg";
import axios from "axios";
function App() {
const [state, setState] = useState({
joke: "",
});
useEffect(() => {
fetchData();
}, []);
const fetchData = async () => {
const result = await axios.get("https://api.chucknorris.io/jokes/random");
console.log(result.data.value);
setState({ ...state, joke: result.data.value });
};
return (
<div className="container">
<div className="row">
<div className="col-6">
<h1 className="title">Chuck API</h1>
<img src={Chuck} alt="ChuckNoris" />
</div>
<div className="col-6 searchJokeCol">
<div className="card"> …选择 3.1.1 并尝试添加一个基本的 isMulti 检查列表，我不希望它在每次选择后关闭，所以我添加了
closeMenuOnSelect={假}
但它并不是每次都在 localhost:3000 上工作。（仅当我处于隐身模式时它才起作用）。它不适用于常规的谷歌和火狐浏览器。所以我尝试部署，但在手机上也不起作用。希望获得帮助或使用 isOpen 函数进行智能绕过。谢谢。
<Select
closeMenuOnSelect={false}
components={animatedComponents}
isMulti
options={colourOptions}
hideSelectedOptions={true}
backspaceRemovesValue={true}
/>