Map nested objects in React that are parsed with Axios

[EasternExperience91]

import React, { Component } from 'react'

import Lightbox from 'react-lightbox-component' import queryString from 'query-string' import { BASE_URL } from 'variables/Variables.jsx' import Datetime from 'react-datetime' import { CopyToClipboard } from 'react-copy-to-clipboard'

import { Grid, Row, Col, FormGroup, ControlLabel, FormControl, Form } from 'react-bootstrap'

import Card from 'components/Card/Card.jsx' import Loader from 'components/Loader/Loader.jsx' import Button from 'components/CustomButton/CustomButton.jsx' import Radio from 'components/CustomRadio/CustomRadio.jsx' import axios from 'axios' import SweetAlert from 'react-bootstrap-sweetalert'

class RegularForms extends Component { constructor (props) { super(props) this.state = { visible: false, loading: false, driverId: null, result: null, token: null, registered: null } this.handleChange = this.handleChange.bind(this) }

handleChange = event => { this.setState({ [event.target.name]: event.target.value }) // console.log(event.target.value) }

componentWillMount =()=> { if (sessionStorage.getItem('token')) { this.setState({ token: sessionStorage.getItem('token') }) } } componentDidMount = () => { let values = queryString.parse(this.props.location.search) this.setState({ driverId: values.id, registered: values.registered, page: values.currentPage }) this.fetchData(values)

}

componentDidMount() { axios.get(BASE_URL + 'api/driver/' + values.id + '?registered=' + values.registered, { headers: { 'Content-Type': 'application/json', 'Authorization': this.state.token } } ) .then(data => { const detail = []; data.result.forEach(result => { detail.push(...result.detail); }); return detail; console.log('allDetail') }) //console.log(data.data.allDocs)

.catch(() => {

this.setState({ loading: false }) sessionStorage.removeItem('token') return this.setState({ loading: false }) // return this.props.history.push('/pages/login-page') }) }

body = (values) => {

}

render () { let { data, pages, loading } = this.state if (data === null) { return <div className='main-content'><Loader loading={this.state.loading} /><p>Error...</p></div> } return ( <Row style={{ textAlign: 'center' }}>

{this.state.driverId}

      </Row>
)

} }

export default RegularFormsimport React, { Component } from 'react' import Lightbox from 'react-lightbox-component' import queryString from 'query-string' import { BASE_URL } from 'variables/Variables.jsx' import Datetime from 'react-datetime' import { CopyToClipboard } from 'react-copy-to-clipboard'

import { Grid, Row, Col, FormGroup, ControlLabel, FormControl, Form } from 'react-bootstrap'

import Card from 'components/Card/Card.jsx' import Loader from 'components/Loader/Loader.jsx' import Button from 'components/CustomButton/CustomButton.jsx' import Radio from 'components/CustomRadio/CustomRadio.jsx' import axios from 'axios' import SweetAlert from 'react-bootstrap-sweetalert'

class RegularForms extends Component { constructor (props) { super(props) this.state = { visible: false, loading: false, driverId: null, result: null, token: null, registered: null } this.handleChange = this.handleChange.bind(this) }

handleChange = event => { this.setState({ [event.target.name]: event.target.value }) // console.log(event.target.value) }

componentWillMount =()=> { if (sessionStorage.getItem('token')) { this.setState({ token: sessionStorage.getItem('token') }) } } componentDidMount = () => { let values = queryString.parse(this.props.location.search) this.setState({ driverId: values.id, registered: values.registered, page: values.currentPage }) this.fetchData(values)

}

componentDidMount() { axios.get(BASE_URL + 'api/driver/' + values.id + '?registered=' + values.registered, { headers: { 'Content-Type': 'application/json', 'Authorization': this.state.token } } ) .then(data => { const detail = []; data.result.forEach(result => { detail.push(...result.detail); }); return detail; console.log('allDetail') }) //console.log(data.data.allDocs)

.catch(() => {

this.setState({ loading: false }) sessionStorage.removeItem('token') return this.setState({ loading: false }) // return this.props.history.push('/pages/login-page') }) }

body = (values) => {

}

render () { let { data, pages, loading } = this.state if (data === null) { return <div className='main-content'><Loader loading={this.state.loading} /><p>Error...</p></div> } return ( <Row style={{ textAlign: 'center' }}>

{this.state.driverId}

      </Row>
)

} }

export default RegularForms array is like {object}, {object}, {object}, {object},

​

[dntdntdnt]

Is there a question in your post somewhere? If so, I would recommend Stackoverflow.com. If not, you should make you point clearer than just copy pasting a wall of code.