The state does not change, what's wrong?

Question

JavaScript

It is necessary that when the page is loaded, it receives data from the server and saves it to the state, the problem is that the state does not change. Here is a piece of code.
const { loading, error, request } = useHttp();
const [items, setItems] = useState([]);

let getItems = () => {
try {
const data = request("/api/item", "GET").then((answer) => {
setItems(JSON.parse(answer));

});

return JSON parse(data);
} catch (error) {
console.log(error.message);
}
};

useEffect(() => {
getItems();
new WOW.WOW().init();
return () => {};
}, []);

Answer 1

You are going to synchronously take the data and change the state before the request is completed. For the same reason, try catch won't work either.

Answer 2

Even if you delete the request to the server and write setItem("test") in useeffect, the state still does not change.

Answer 3

lay out the complete component with the useHttp() hook, and you will be happy

Answer 4

I support. Lay out the normal component as it is.