我正在跟踪tutorial,遇到了一个问题,客户列表不会显示在网页上,如下图所示(它只显示客户):
下面是显示它的代码:
class App extends Component {
state = {
clients: []
};
async componentDidMount() {
const response = await fetch('/clients');
const body = await response.json();
this.setState({clients: body});
}
render() {
const {clients} = this.state;
return (
<div className="App">
<header className="App-header">
<img src={logo} className="App-logo" alt="logo" />
<div className="App-intro">
<h2>Clients</h2>
{clients.map(client =>
<div key={client.id}>
{client.name} ({client.email})
</div>
)}
</div>
</header>
</div>
);
}
}
export default App;
我想知道如何调试react代码以显示客户列表。
一开始,我在生成客户端时遇到了麻烦,所以我认为这就是问题所在。我能够生成客户端,问题只是显示它们。
1条答案
按热度按时间c0vxltue1#
我通过查看开发人员工具并遵循以下stackoverflow条目找到了答案:x