Hi experts,
I am trying to pass my json data from an api call to populate the react-select, so I can select more than one option at the same time.
Any help will be really appreciated.
here is my react code
import ReactDOM from 'react-dom'
import React, {Component} from 'react'
import Select from 'react-select'
export default class TNSNames extends Component {
state = {
values: [],
}
componentDidMount() {
this.fetchData()
}
fetchData = async () => {
await fetch('https://localhost:5001/tnsnames/all')
.then(res => res.json())
.then(res =>
this.setState({
values: res.Data
}),
)
.catch(error => console.log(error));
console.log(this.state.values);
}
render() {
let option = []
if (this.state.values.length > 0) {
this.state.values.forEach(item => {
let tnsNames = {}
tnsNames.value = item.name
tnsNames.label = item.name
option.push(tnsNames)
})
}
console.log(option)
return (
<div>
<Select options={option} />
</div>
)
}
}
