Question

我是react.js的新手，我试图在表格中以JSON格式显示数据。所以我做的是：

import React from 'react';
import axios from 'axios';
class TableUser extends React.Component {
  constructor(props) {
    super(props); 
    this.state = {
      libelle_produit: ''
    };
  }
  componentDidMount(){
    axios
      .get('admin/prdtId/')
      .then(({ data })=> {
        this.setState({ 
          libelle_produit: data.libelle_produit
        });
      })
      .catch((err)=> {})
  }     
  render() {
      return <div>
      <p>{ this.state.libelle_produit }</p>
    </div>;
  }
}

export default TableUser;

我希望能够访问每个组件的libelle产品并在网站上打印

[{“libelle_produit”：“test produit”}]

由于

Answer 1

<div>
    { this.state.libelle_produit != '' ? this.state.libelle_produit.map( (item, index) => 
        <p>{libelle_produit</p>
    }
</div>

如果数组不为空，则循环通过数组并返回带有libelle_produit标题的p标记

具有格式json的解析器数据作出反应

1 个答案: