Question

我是ReactJS的新手，所以我有一个问题。

我有一个API，该API返回一个人以及该人所拥有的孩子数。现在，我有了另一个称为人员详细信息的API，我这样称呼它：

loadChildren(event) {
    const Id = event.target.id

    fetch('pathtoapi'+Id)
      .then(response => {
        if (!response.ok) {
          throw Error("Network request failed")
        }

        return response
      })
      .then(d => d.json())
      .then(d => {
        this.setState({
          children: d,
          open: true
        })
      }, () => {
        this.setState({
          loadFailed: true
        })
      })
  }

我通过拥有以下内容获得了所需的ID：

<div id={person.Id} onClick={this.loadChildren.bind(this) } >

但是我无法获得每个人要显示的孩子列表。我已经尝试了几乎所有我能想到的。例如：

 <div id="demo" className={"collapse" + (this.state.open ? ' in' : '')}>
                    <div>
                      this.state.children.map((children) => {
        return(
          <div className="table-body">
            <div className="table-row" key={children}>
              <div className="table-body-cell">
                {children.Name}
              </div>
              <div className="table-body-cell">
                {children.YearOfBirth}
              </div>
              <div className="table-body-cell">
                {children.Mother}
              </div>
            </div>
            </div>
        )
      })}
                    </div>
                  </div>

但这不起作用。谁能为我指出正确的解决方法？

我为人api添加了指向jsonblob的链接还有一个用于perondetails api

https://jsonblob.com/99f030d1-3838-11e9-8243-7f6a93786593

https://jsonblob.com/ccf6055e-3838-11e9-8243-f3a84e9c6252

非常感谢您的帮助

依赖API的ReactJS

0 个答案: