Spring Boot 调试React显示

kninwzqo  于 2023-03-18  发布在  Spring
关注(0)|答案(1)|浏览(131)

我正在跟踪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代码以显示客户列表。
一开始,我在生成客户端时遇到了麻烦,所以我认为这就是问题所在。我能够生成客户端,问题只是显示它们。

c0vxltue

c0vxltue1#

我通过查看开发人员工具并遵循以下stackoverflow条目找到了答案:x

相关问题