如何使用用户使用 REACTJS 和 Axios 提供的数据发布 JSON答案

【问题标题】：How to POST a JSON with data provided by user with REACTJS and Axios如何使用用户使用 REACTJS 和 Axios 提供的数据发布 JSON
【发布时间】：2020-09-08 13:02:43
【问题描述】：

我尝试过多种方式，但是当我尝试使用用户编辑的信息提交 json 时，我确实收到了 200 OK 响应，但是 JSON 没有以正确的格式上传。我要上传的 JSON，我希望用户提供“codigo_pedido_integracao”：

        this.state = {
            cabecalho: {
              codigo_cenario_impostos: '1594402482',
              codigo_cliente: 1595284133,
              codigo_pedido_integracao: '1234',
              codigo_parcela: '000',
              data_previsao: '',
              etapa: 10
            }}

我的用户信息请求代码行：

    render(){
        const {codigo_pedido_integracao} = this.state
        return(
            <div>  
                <form onSubmit={this.submitHandler}>  
                <label>
                    Codigo pedido:
            <div>
                <input type ="codigo_pedido_integracao" name="codigo_pedido_integracao" value= {codigo_pedido_integracao} onChange={this.changeHandler}/>
            </div>   
            </label>  
         <button type = "submit">Enviar</button>
         </form>
      </div>

        )

    }
}

这是发送到 API 的对象：

cabecalho:
codigo_cenario_impostos: "1594402482"
codigo_cliente: 1595284133
codigo_parcela: "000"
codigo_pedido_integracao: "1234"
data_previsao: ""
etapa: 10
__proto__: Object
codigo_pedido_integracao: "999999"

我的意图是“codigo_pedido_integrcao”由用户提供，而不是按照“1234”标准上传。

【问题讨论】：

标签： javascript reactjs post axios

【解决方案1】：

您需要在其更改处理程序中将状态设置为输入值。有点像 -

    changeHandler = (e) => {
        this.setState({
            codigo_pedido_integracao: e.target.value
        })
    }

【讨论】：

当我这样做时，我仍然遇到同样的问题，codigo_pedido_integracao 是作为标准 1234 上传的，而不是用户提供的信息，它是在 "proto之后上传的>": 对象
您需要提供整个组件代码。需要看看你是如何从 Axios 发送数据的。从您的代码看来，您对 React 很陌生。