javascript - 类型错误 : cyclic object value in React

Question

这是我的代码:

sendMail(e) {
    e.preventDefault();
    // fetch('/https://uczsieapp-mailer.herokuapp.com/', {
    var name = document.getElementById('name');
    var contactReason = document.getElementById('contactReason');
    var email = document.getElementById('email');
    var additionalInfo = document.getElementById('additionalInfo');
    var body = JSON.stringify({
            name: name,
            contactReason: contactReason,
            email: email,
            additionalInfo: additionalInfo,
        }
    );
    console.log(body);
    fetch('http://localhost:4000/', {
        method: 'POST',
        body: JSON.stringify({
                name: name,
                contactReason: contactReason,
                email: email,
                additionalInfo: additionalInfo,
            }
        )
    });
}

代码引用此 HTML:

<form>
    <input className="form_input input_margin" type="text" id='name' name="name"
           placeholder="Imię"/>
    <input className="form_input_2" type="text" name="email" id='email'
           placeholder="Adres e-mail"/>
    <textarea name='additionalInfo' id='additionalInfo' className="form_textarea"
              type="text" placeholder="Dodatkowe informacje"/>
    <button onClick={this.sendMail} className="btn button_send">Wyślij</button>
</form>

所以我理解它引用了一些正在改变的东西，但是谁知道这个错误到底在哪里以及为什么？

我在 JSON.stringify() 方法上收到此错误。创建一个不使用 stringify() 的对象是可行的。

Answer 1

问题在于您直接尝试字符串化 DOM 元素(可能包含循环引用)。

你应该做的事情可能是这样的:

 var body = JSON.stringify({
        name: name.value,
        contactReason: contactReason.value,
        email: email.value,
        additionalInfo: additionalInfo.value,
    }
 );

如果您想发布字段的值。