Javascript 从Json数据反应表动态列和行

这是我的问题。如何动态显示标题名称及其各自的行？我现在正在使用一个简单的反应表

我已经对名称进行了硬编码，如图中的表（2017-8、2017-9等）所示

列应该是label，行应该是referencePoints数组中相应的值

---

您可以在表格标题上写一个循环，如

header = [];
Dates.forEach(date => {
header.push(<td>{date.value}</td>
});

header=[]；
Dates.forEach（日期=>{
header.push（{date.value}
});

你可以像这样渲染

<th>
{header}
<th>

{header}

---

代码只是一个表示，而不是实际代码

只需在表格标题中放置一个代码块，如下所示：

<th>{header}</th>

{header}

您可以从props或呈现方法中的state接收头。如果您是从Redux接收头，则呈现方法可能包含：

const {header} = this.props;

return(
   <table>
   <tr> <th>{header}</th>...</tr>
   ...
   </table>
)

const{header}=this.props；
返回(
{header}。。。
...
)

如果需要，还可以循环浏览标题：

<tr> {headers.map((head, i)=>(<th key={i}>{head}</th>))} </tr>

{headers.map（（head，i）=>（{head}））}

确保向使用数组添加的项目添加键。如果不添加，React将警告您