Need to get the array of objects from spring-boot to react table

Question

OrderMed.js

export default class OrderMed extends Component {
  constructor(props){
    super(props);
    this.state = {
      Meds: []
    }
  }
  componentDidMount(){
    axios.get("http://localhost:8081/api/v1/ivm/customer/inventory/medicines")
    .then(response => {
      console.log(response)
    })
    .then((data) =>{
      this.setState({Meds: data});
    })

console

{data: {…}, status: 200, statusText: '', headers: {…}, config: {…}, …}
config: {transitional: {…}, transformRequest: Array(1), transformResponse: Array(1), timeout: 0, adapter: ƒ, …}
data:
->medicineList: Array(1)
   ->0: {name: 'Dolo', type: 'fever', price: 50, sellers: {…}}
length: 1
[[Prototype]]: Array(0)
[[Prototype]]: Object
headers: {connection: 'keep-alive', content-type: 'application/json', date: 'Tue, 05 Jul 2022 18:46:55 GMT', keep-alive: 'timeout=60', transfer-encoding: 'chunked'}
request: XMLHttpRequest {onreadystatechange: null, readyState: 4, timeout: 0, withCredentials: false, upload: XMLHttpRequestUpload, …}
status: 200
statusText: ""

I need to get that medicineList array in the data, .then((data)={this.setState({Meds: data});}) is not working for some reason

ask4you · Accepted Answer · 2022-07-06 00:31:45Z

1

You are not returning the value from the first then:

componentDidMount(){
    axios.get("http://localhost:8081/api/v1/ivm/customer/inventory/medicines")
    .then(response => {
      console.log(response)
      return response.data
    })
    .then(({medicineList}) =>{
      this.setState({Meds: medicineList});
    })

edited Jul 6, 2022 at 0:31

answered Jul 5, 2022 at 18:25

ask4you

8186 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

GIRIDHAR B Over a year ago

response is just to get the actual response from the api server, I need to get that data of medicineList which is a array of objects

ask4you Over a year ago

See my edit. Hope that helps you.

GIRIDHAR B Over a year ago

Meds: data.data.medicineList worked

vabatch_dev · Accepted Answer · 2022-07-05 20:17:43Z

0

  componentDidMount(){
axios.get("http://localhost:8081/api/v1/ivm/customer/inventory/medicines")
.then(response => {
  console.log(response)
})
.then((data) =>{
  this.setState({Meds: data.data.medicineList});
})

Does this make sense?

answered Jul 5, 2022 at 20:17

vabatch_dev

1154 bronze badges

1 Comment

GIRIDHAR B Over a year ago

I've been doing this at the beginning, but it doesn't until I restart the server it seems, Thanks!!

Collectives™ on Stack Overflow

Need to get the array of objects from spring-boot to react table

2 Answers 2

3 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related