Reactjs ES6，反应，重复形成。试着做一些简单的事情

今天，我正在尝试做一些简单的事情，但我无法掌握它

我有很多表格。很多表格。为了在客户端上保持API简洁，我想将两个状态值传递到客户端API中

import React, { Component }     from 'react';
import { Field, reduxForm }     from 'redux-form';
import { connect }              from 'react-redux';
import { Link, browserHistory } from 'react-router';
import { apiCreateData }        from '../actions/api';
import { CREATE_PERSON }        from '../actions/api';
import _                        from 'lodash';
The apiCreateData is a generic client side API which needs to simply call a server API with the form contents, a TARGET URI of the server REST API, and a constant "which type of action is going on".


//------------------------------------
class CreatePeople extends Component {
    //------------------
    constructor(props) {
        super(props);
        this.state = {
            target: 'add_person',
            type: CREATE_PERSON 
        };
    }

I can see these in my REACT tools in Chrome.  The 'go' button calls this code.



    //----------------------
    onSubmit = (fields) => {
        console.log('onSubmit');
        console.log(fields);
        this.props.apiCreateData(...this.state, fields).then(() => {
            browserHistory.push('/');
        });
    }

我无法将这两位状态输入客户端API中的接收道具。我试过很多东西！谢谢你的帮助。 干杯

---

标记。

function parameters中的spread运算符不适用于普通对象。您必须将对象本身作为参数传递，或者以其他方式提取值。谢谢。如果我将它包装在{}整个参数列表中，我会将它放入嵌套对象中的API中。这对于JS到JS的解释来说是可以的，但是客户端API需要与pythonapi对话，所以我关心的是如何扁平化道具！

this.props.apiCreateData

当前接受哪些参数？API需要一个捆绑包。或者想要一个导出函数apiCreateData（props）{const url=

${ASSET_INTEL}${props.target}/

；console.log（'props in API:'，props）；console.log（'url:'，url）；const request=axios.post（url，props）；返回{type:props.type，payload:request}；}

code

然后将其发送到Python API。我需要它比二维对象更平坦，以便Python能够处理它。助教。应该很简单，我错过了一些东西！抱歉，我试图更改标记，但出现了5分钟的错误。再试一次