как получить данные из 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

render () {

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>
)

}