未处理的拒绝（TypeError）：在 REACT FETCH 中将循环结构转换为 JSON

Question

我正在使用下面的这个提交函数，试图将我的内容扔到一个变量主体并通过获取我的 api 来发送它，但它返回了如图所示的以下错误。注意：我使用 useEffect 加载我的数据。

const handleSubmit = async values => {
        let body = {
            ...values,
        }
        setSubmitted(true);
        //SAVE
        const response = await fetch(config.baseURL + '/bot-api/data/model/1/', {
            method: "POST",
            headers: { 'Content-Type': 'application/json' },
            body: JSON.stringify(body),
        }).then(res => res.json());
        window.alert(response.message);
        window.alert(JSON.stringify(body));
    }

我收到以下错误：

Answer 1

问题是您的对象正在引用自身，因此无法转换为 JSON

考虑以下情况：

一个={ ×：'Some value' }; a.b =一个；

字符串表示看起来像这样：

'{
  "x":"Some value",
  "b": '{
    "x":"Some value",
    "b":...
  }'
}'

这将永远持续下去，因此您无法将对象字符串化。

您似乎还想对 HTML 按钮元素进行字符串化。这也是不可能的。

未处理的拒绝（TypeError）：在 REACT FETCH 中将循环结构转换为 JSON

Unhandled Rejection (TypeError): Converting circular structure to JSON IN REACT FETCH

javascript

json

string-formatting

node.js

reactjs