Как я могу получить данные из вебапи в виде сетки, используя реагировать?

Question

Как я могу получить данные из WebApi в виде сетки, используя Reactjs?Мне удалось отобразить в табличной форме, но не в Grid. Он не отображает мои данные, выбирая из метода WebApi. Из метода createColumnDefs он не брал мои данные из api.in createRowData.

createColumnDefs()
{ 
return [
    {headerName: "Id", field: "id"},
    {headerName: "FirstName", field: "firstname"},
    {headerName: "LastName", field: "lastname"},
    {headerName: "UserName", field: "username"},
    {headerName: "Password", field: "password"},
    {headerName: "Address", field: "address"},
    {headerName: "Contact", field: "contact"},
    {headerName: "ExamCountry", field: "examcountry"},
    {headerName: "ExamState", field: "examstate"},
    {headerName: "ExamCity", field: "examcity"},
    //{headerName: "Action", field: "action"},
]}
createRowData()
{ 
    return[
       {id:Users.id,
        firstname:Users.firstname,
        lastname:Users.lastname,
        username:Users.username,
        password:Users.password,
        address:Users.address,
        contact:Users.contact,
        examCountry:Users.examCountry,
        examState:Users.examState,
        examCity:Users.examCity
       }
    ]
}
render()
{
    return(
        <div>
            <h2>All Users</h2>
            <AgGridReact
               columnDefs={this.state.columnDefs}
                rowData={this.state.rowData}
                onGridReady={this.onGridReady}>
            </AgGridReact>
        </div>
    )