如何从json中获取数据并显示在表格中

Question

const CustomerInfo = [
    { id: "1", value: "9940572756", lastRecharge: "349", lastCallDuration: "09:58", lastCalledNumber: "9478369258", status: "Active" },
    { id: "2", value: "9874563210", lastRecharge: "110", lastCallDuration: "01:01:13", lastCalledNumber: "9632587410", status: "In Active" },
    { id: "3", value: "9517530258", lastRecharge: "500", lastCallDuration: "02:40", lastCalledNumber: "9362580147", status: "Active" }
]

我需要将其显示在我有提交按钮的表单中，并且还需要在将值作为电话号码调用时将其显示在表格中

Answer 1

渲染() {

return (
  <table>
  <tbody>{this.CustomerInfo.map(function(item, key) {

           return (
              <tr key = {key}>
                  <td>{item.id}</td>
                  <td>{item.value}</td>
                  <td>{item.lastRecharge}</td>
                  <td>{item.lastCallDuration}</td>
                  <td>{item.lastCalledNumber}</td>
              </tr>
            )

         })}</tbody>
   </table>
)

}