在表单中点击编辑(表单中是一个table),这一行的每一列变为一个input, 编辑时总是倒着输入(如: 本意是输入1234，但是输入是4321)，请问如何解决。

cacheOriginData = {};
    toggleEditable=(e, key) => {
        e.preventDefault();
        const newData = this.state.data_form.map(item => ({ ...item }));
        const target = this.getRowByKey(key, newData);
        if(target){
            if(!target.editable){
                this.cacheOriginData[key] = { ...target };
            }
            console.log("edit",  newData, key)        
            target.editable = !target.editable;
            this.setState({ data_form: newData });
        }
    }
    handleFieldChange(e, fieldName, key) {
        const newData = this.state.data_form.map(item => ({ ...item }));
        const target = this.getRowByKey(key, newData);
        console.log("onChange", e, newData, target, fieldName)
        if (target) {
          target[fieldName] = e.target.value;
          this.setState({ data_form: newData });
        }
      }

const clumn = [
         {
            key: 'time',
            title: '时间',
            dataIndex: 'time',
            width: 100,
            render: (text, record) => {
                if(record.editable){
                    return(
                        <Input defaultValue={text}
                        onChange={e => this.handleFieldChange(e, 'time', record.key)}
                        autoFocus
                        placeholder="时间"/>
                    );
                }
                return text;
            },
         },
         {
            title: '操作',
            dataIndex: 'action',
            width: 60,
            render: (text, record) => {
                console.log("render", !!record.editable)
                if (record.editable) {
                    return (
                        <span>
                          <a onClick={e => this.saveRow(e, record.key)}>保存</a>
                          <Divider type="vertical" />
                          <a onClick={e => this.cancel(e, record.key)}>取消</a>
                          </span>
                    );
                }
                return (
                  <span>
                    <a onClick={e => this.toggleEditable(e, record.key)}>编辑</a>
                    <Divider type="vertical" />
                    <a onClick={this.removeRow.bind(this, record.key)} style={{color:"red"}}>
                        <Icon style={{ fontSize: 16}} type="delete" />
                    </a>
                  </span>
                );
            }}]