将不可变对象转换为普通对象

Question

我正在使用 reactjs，但不知道为什么我会收到类似

的数据

Map {size: 5, _root: ArrayMapNode, __ownerID: undefined, __hash: undefined, __altered: false}

为什么我在简单的表单提交上得到这种类型的数据？...我如何在简单的对象中更改它？...我知道它可以使用 .toJSON() 更改，但实际上我不知道'想要这种类型...

我的反应组件

class AdminUsersForm extends PureComponent {
  submitForm = data => {
    console.log(data, 'dfsgggggggggggggg')
  }
  render() {
    const { handleSubmit } = this.props
    return (
      <form onSubmit={handleSubmit(this.submitForm)}> 
        <label>firstName</label>
        <Field
          name="firstName"
          className="textInput"
          component={InputField}
        />
      <button type="submit">Save</button>
    </form>
    )
  }
}

Answer 1

您的对象是使用不可变js创建的不可变对象Here。

您可以操纵您的对象并做很多事情。例子。要按键获取项目，只需使用。

myImmutableObj.get('MyObjKey');

请参阅文档 Here。

您也可以像下面这样创建一个类似的对象。

const { fromJS } = require('immutable');

let myObject = fromJS({
   name: 'My name',
   lastName: 'My Surname'
});

// This will print similar object from your pic.
console.log(myObject);


// here will print name value which is 'My name'
console.log(myObject.get('name');

将不可变对象转换为普通对象

Convert immutable object to plain object

javascript

reactjs

immutable.js