Javascript 在reactjs中使用FetchAPI和map显示JSON数据

我一直在尝试使用fetchapi来显示json，并使用map来迭代数据，但我一直在显示json并在reactjs中迭代它

这是文件

App.js

import React，{Component}来自'React'；
导入“/App.css”；
类应用程序扩展组件{
建造师（道具）{
超级（）；
此.state={
产品列表：[]，
错误：null，
}
}
componentDidMount（）{
取回(`http://texpertise.in/data.php`)
.then（result=>result.json（））
.then（productlist=>this.setState（{productlist:productlist.value}））
}
render（）{
返回(
{this.state.productlist.map（product=>
{product.name}
{product.description}
{product.image}
{product.nonVeg}
{product.spice}
)}
);
}
}
导出默认应用程序
使用react 15.1时，.map只能返回一个元素，在您的情况下，您正在返回

<div>{product.name}</div> <div>{product.description}</div>

{product.name}{product.description}

它应该被包装并作为单个元素返回

<div><div>{product.name}</div> <div>{product.description}</div></div>

{product.name}{product.description}
使用react 15.1时，.map只能返回一个元素，在您的情况下，您正在返回

<div>{product.name}</div> <div>{product.description}</div>

{product.name}{product.description}

它应该被包装并作为单个元素返回

<div><div>{product.name}</div> <div>{product.description}</div></div>

{product.name}{product.description}
从map方法返回jsx。从map方法返回jsx。