小编Vai*_*edi的帖子

如何在 React 中将 JSON 数据显示为表格

我正在使用一个 API,它返回各种不同键值对的 JSON。我试图将它们显示为render()一个包含 2 列(键和值)的表,其中分别包含对象键和值。

  1. 其中的 APIfetchBasicDetails()是 POST,它采用默认的 this.state 值作为输入并返回 JSON 输出。
  2. 然后使用方法将 JSON 输出对象存储到this.state 的birth_detailssetState属性中。
  3. 然后,我尝试<table>使用 Object.keys 显示标签中的对象数据forEach,但什么也没有显示。

任何帮助表示赞赏。谢谢。

export default class HoroscopeReport extends React.Component {
  constructor(props) {
    super(props);

    this.state = {
      day: 11,
      month: 2,
      year: 2019,
      hours: 12,
      minutes: 59,
      tzone: 5.5,
      lat: 19.22,
      lon: 25.2,
      birth_details:{}
    };
  }

  handleSubmit = event => {
    event.preventDefault();
    //console.log("Received user submitted data"+JSON.stringify(this.state))
    this.fetchBasicDetails();
  };

  fetchBasicDetails() {
        let myHeaders = …
Run Code Online (Sandbox Code Playgroud)

javascript api json html-table reactjs

2
推荐指数
1
解决办法
2万
查看次数

标签 统计

api ×1

html-table ×1

javascript ×1

json ×1

reactjs ×1