javascript - POST 方法：未捕获的错误：无效的挂钩调用。Hooks 只能在函数组件的主体内部调用

Question

我想使用 fetch 执行 POST 方法，但是会发生此错误。'未捕获的错误：无效的挂钩调用。钩子只能在函数组件的主体内部调用。

function ValidateNew(){
var firstNew = document.getElementById("firstNew").checked;
var title = document.getElementById("title").value;
var imageSource = document.getElementById("imageSource").value;
var date = document.getElementById("date").value;
var description = document.getElementById("description").value;
var link = document.getElementById("link").value;

let _data = {
    firstNew: firstNew,
    Title: title,
    Source: imageSource,
    Date: date,
    Description: description,
    Link:link,
}
console.log(_data);

const [data, setData] = useState({ hits: [] });

useEffect(() => {
    const fetchData = async () => {
        const requestOptions = {
            method: 'POST',
            headers:{'Content-Type': 'application/json'},
            body: JSON.stringify(_data)
        };
        const result = await fetch(
            'https://d9qoarugmf.execute-api.eu-west-1.amazonaws.com/api/news?key=jpIEEC', requestOptions            );
        setData(result.data);
    };

    fetchData();
}, []);

console.log(data.hits.map(0)); 返回 （

{data.hits.map(item => ( {item.title} ))}

); }

标签： javascriptreactjs