Javascript Axios渲染获取数据

如何呈现get响应，例如在3个divs firstname、lastname中，尝试这样做几天，但什么都没有发生 我是在jquery上做的，但现在我需要做出反应

import React, {Component} from 'react';
import './App.css';

import axios from 'axios';

class Table extends React.Component {
constructor(props) {
    super(props);

    this.state = {
        data: []
    };
}

componentDidMount() {
    axios
        .get('http://server.noorsoft.ru:9022/api/records')
        .then(({ data })=> {
            this.setState({
                data: data.data
            });
        })
}

render() {
    const getDataRender = // here render div //
        return <div>
        </div>
    });

    return <div>
        <div>{ getDataRender }</div>
    </div>;
}

class App extends Component {
render() {
    return (
        <div className="App">
            <Table />
        </div>
    );
}
}

export default App;

如果你能详细描述我的错误，那就太好了。试试这个：

axios.get('http://server.noorsoft.ru:9022/api/records')
        .then(({ data })=> {
            this.setState({
                data: data
            });
        })

您已经对数据进行了解构，因此不需要执行data.data，而只需执行data。 在render方法内部，如果只想渲染数据数组，可以执行以下操作：

render() {
  return(
   <div>
    {this.state.data.map(record => <div>{record.firstName+' '+record.lastName}</div>)}
   </div>
  )
}

---

我建议先编译它，不要出现错误。要了解一些情况，渲染方法是最容易出错的部分。