Abaixo exemplo em ReactJs para consumir uma API REST, alimentar um drolist e definir o valor default
Exemplo de retorno da API https://localhost:44385/api/Tipos/
[{"id":1,"tP_Conta":"Débito"},{"id":2,"tP_Conta":"Crédito"}]
import React, { Component } from "react";
import Select from 'react-select'
import axios from 'axios'
export class Tipo extends Component {
constructor(props) {
super(props);
this.state = { title: "", loading: true, selectOptions: []};
}
async getOptions() {
const res = await axios.get('/api/Tipos') //[{"id":1,"tP_Conta":"Débito"},{"id":2,"tP_Conta":"Crédito"}]
const data = res.data
const options = data.map(d => ({
"value": d.id,
"label": d.tP_Conta
}))
this.setState({ selectOptions: options })
}
componentDidMount() {
this.getOptions()
}
render() {
console.log(this.state.selectOptions)
return (
<div>
<Select options={this.state.selectOptions} onChange={this.handleChange.bind(this)} defaultValue={{ label: "Débito", value:" 1"}}/>
</div>
)
}
}
