TypeError：item.optional_fields.map 不是反应中的函数答案

【问题标题】：TypeError: item.optional_fields.map is not a function in reactTypeError：item.optional_fields.map 不是反应中的函数
【发布时间】：2020-07-22 18:31:32
【问题描述】：

我正在尝试映射一个函数，但同时它给了我错误，有人可以帮我解决这个问题。我真的需要尽快完成问题。谢谢

数组

 optional_fields: "[{"fieldName":"field 1","fieldType":{"value":"text","label":"Text"}},
  {"fieldName":"field 2","fieldType":{"value":"dropdown","label":"Dropdown"},"value":[{"label":"new value","value":"new value","__isNew__":true},
    {"label":"value 1","value":"value 1","__isNew__":true}]}]"

代码

 {JSON.parse(item.optional_fields.map((item) => (
     <td>{item.fieldName}</td>
  ))

)}

【问题讨论】：

@AlleXyS 实际上，我是从服务器获取它。在我提交表单时的创建表单中，我以JSON.stringify 发送数据，但没有解析以呈现项目。
和Item是自映射函数，如editData.map((item)=>....)}
试试JSON.parse(item.optional_fields).map(..... ) {}

标签： javascript reactjs ecmascript-6 react-redux

【解决方案1】：

您的代码中似乎遗漏了一个括号，这应该可以：

 {
  JSON.parse(item.optional_fields).map(item => <td>{item.fieldName}</td>)
 }

var optional_fields=JSON.stringify([{"fieldName":"field 1","fieldType":{"value":"text","label":"Text"}},
  {"fieldName":"field 2","fieldType":{"value":"dropdown","label":"Dropdown"},"value":[{"label":"new value","value":"new value","__isNew__":true},
    {"label":"value 1","value":"value 1","__isNew__":true}]}])
    
console.log(JSON.parse(optional_fields).map(item =>item))

【讨论】：

收到此错误 TypeError: JSON.parse(...).map is not a function
你能提供整个对象吗？