Помещение объекта json в массив реагирования - PullRequest
Новая
       14

Помещение объекта json в массив реагирования

0 голосов
/ 15 октября 2019

У меня есть массив объектов JSON, и я хочу передать его как реквизиты из компонента React, каждый раз, когда количество свойств может быть разным, поэтому я поместил элемент в массив, но у меня все объекты в одной строкеродительский App.js 

import React from 'react';
import './App.css';
import Table from './Table';

function App() {
 const arr=['nom','prénom','age',];
 const arr2=[
 {nom:'waexemp1',prenom:'leo',age:30,mail:'xxx@kkk.com'},
 {nom:'res',prenom:'ken',age:20,mail:'xxx@kkk.com'}];
 const arr3=[arr2.map((l)=>l.nom),arr2.map((l)=>l.prenom),arr2.map((l)=>l.age)];
console.log('-_-_-_-_-_-');
console.log(arr3);
  return (
    <div className="App">
     <Table arr={arr} arr2={arr3}/>
    </div>
  );
}

экспорт по умолчанию App;у детей 

import React, { Component } from 'react'

export default class Table extends Component {

  render() {
    const {arr}=this.props;
    const {arr2}=this.props;


    return (
      <div>
        <table border="2">
           {arr.map((e)=><th>{e}</th>)}
      <tbody>
        {arr2.map((k)=><td>{k}</td>)}
      </tbody>
      </table>
      </div>
    );
  }
}
...