在React应用程序中将数组转换为JSON

Question

在我的react代码中，我的状态下的项目为数组。

    items[]

我能够用很少的数据填充项目数组，并且需要将其传递给我的Web服务。 首先，我需要将该数组转换为json。当我这样做时，这对于我来说只是崩溃 Json.stringify。

在React应用程序中有其他方法吗？

    storeDataInDatabase(){

          const myObjStr = JSON.stringify(this.props.items);

          console.log(myObjStr);

    }

Answer 1

JSON.stringify(..)将以正确的方式转换数组。 序列化的对象将类似于：

{
  "items": [
    {
      "key1": "value1",
      "key2": "value2"
    },
    {
      "key1": "value1",
      "key2": "value2"
    }
  ]
}

但是，就像您在第一句话中所写的那样，您正在将items数组设置为state。以这种方式思考： this.setState({ items }) 如果是这样，则必须从组件中的状态正确获取数组：

storeDataInDatabase() {
  const { items } = this.state;
  const myObjStr = JSON.stringify(items);
  console.log(myObjStr);
}