为什么我在使用fetch函数发布1个json对象时创建2个json对象？

问题描述

我的API上的POST方法可以正常工作，因为我在邮递员上对其进行了测试，并且它仅创建了预期的1个项目。 但是当我使用fetch函数时，我得到了这个（在我的真实对象旁边创建了一个空白块）：

这是我的代码：

class AgregarPelicula extends React.Component{

constructor() {
    super();
    this.handleSubmit = this.handleSubmit.bind(this);
}

handleSubmit(event) {
    event.preventDefault();
    let data = new FormData(event.target);
    fetch('http://localhost/APIpeliculas/api/pelicula/create.php',{
      method: 'POST',body: JSON.stringify({Nombre: data.get('Nombre'),Categoria: data.get('Categoria'),Director: data.get('Director')}),headers:{
        'Content-Type': 'application/json'
      }
    });
}

render(){
    return(
        <div className="container-fluid  d-flex justify-content-center container-agregar"> 
            <form className="form-inline" onSubmit={this.handleSubmit}>                   
                <label htmlFor="inlineFormNombre" className="m-2">Nombre Pelicula:</label>
                <input type="text" name="Nombre" className="form-control m-2" id="inlineFormNombre" />

                <label htmlFor="inlineFormDirector" className="m-2">Director:</label>
                <input type="text" name="Director" className="form-control m-2" id="inlineFormDirector" />

                <label htmlFor="inlineFormCategoria" className="m-2">Categoria:</label>
                <select className="form-control" name="Categoria">
                    <option>Ciencia Ficción</option>
                    <option>Terror</option>
                    <option>Comedia</option>
                    <option>Bélica</option>
                </select>

                <button className="btn btn-info ml-4">Agregar</button>
            </form>           
        </div>
    );
}

}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）