Daqta model as a json data source for react

Hello,

Is it possible to return the back-end mode datal for react as a JSON file or a simple array for the data source?
For example by a function with Axios and fetch?

Something like this code but this code doesn’t work! I don’t know why!
`
import React from ‘react’;

import { FetchData } from ‘./FetchData’;

const columns = [‘CompanyName’, ‘City’, ‘State’, ‘Phone’, ‘Fax’];

export default class DevGrid1 extends React.Component {

constructor(props) {
super(props);
this.state = { myJson: [], loading: true };
}

componentDidMount() {
this.jsonImageData()
}

static renderImageDataTable(myJson) {
return (
<DataGrid
dataSource={myJson}
defaultColumns={columns}
showBorders={true}
/>
)
}

render() {
let contents = this.state.loading
? <p><em>Loading…</em></p>
: FetchData.renderImageDataTable(this.state.myJson);

return (
<div>

{contents}

</div>
);
}

async jsonImageData() {
const response = await fetch(‘ImageData’);
const data = await response.json();
this.setState({ myJson: data, loading: false });
}

}
`

Please guide me.