在使用 React useState 方法时遇到问题

Question

我正在尝试使用 moviedb api 创建一个站点，但我的 setState 方法有问题。我的 setMovies 不将值应用于状态。当我记录电影状态时，数组为空你能帮帮我吗？

我的代码：

const [movies, setMovies] = useState<IMovies[]>([]);
const [searchMovie, setSearchMovie] = useState('a'); // Define o valor inicial como A para gerar as primeiras lista de filmes.


async function loadMovies() {
    await api.get(`?query=${searchMovie}&api_key=${key}`)
          .then(response => {
                const data = response.data.results;
                setMovies(data);
                console.log(movies)
     });
 }

 useEffect(() => {
    loadMovies();
 }, [searchMovie]);

Answer 1

试试这个

const [movies, setMovies] = useState([]);
const [searchMovie, setSearchMovie] = useState('a');

useEffect(async() => {
     await api.get(`?query=${searchMovie}&api_key=${key}`).then(response => {       
        setMovies([...response.data.results]);
    });
     console.log(movies)
}, [searchMovie]);

在使用 React useState 方法时遇到问题

Having trouble with React useState method

reactjs

react-state