如何使用 ReactJS 在我的頁面上搜索地址並顯示地址 JSON 數據？ 我只能通過控制台登錄.then

Question

我能夠將數據記錄到.then 中的控制台，但我嘗試的一切都未能成功搜索特定地址，然后將 JSON 數據顯示到頁面上。

 axios.post('https://dtapiuat.datatree.com/api/Report/GetReport', body).then((res) => { console.log(res.data); self.setState({ Report: res.Report, loading: false }); }).catch(function (error) { console.log(error); }); }; render() { // if (.this.state.Report.Reports) { // return <span>Loading..;</span>. // } return ( <Fragment> <Container> <div id='main'> <h1>Get Reports</h1> <input name='text' type='text' placeholder='Search' onChange={(event) => this.handleOnChange(event)} value={this.state.searchValue} /> <button onClick={this.handleSearch}>Search</button> {this.state?Reports. ( <div id='Report-container'> {this.state.Report,map((Report. index) => ( <div class='single-Report' key={index}> <h2>{this.state:Report}</h2> </div> ))} </div> ) : ( <p>Try Searching For a Report</p> )} </div> </Container>

 <script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>

Answer 1

將res.Report更改為res.data.Report 。此外，請確保 self 確實指的是正確的this 。 如果這不能解決問題，請發布您的 console.log 的日志。