Necesito obtener la matriz del valor de cambio de identificador y pasar a la URL de la API. Compartiré mi código.
import React from 'react'; import Select from 'react-select'; const Selects = [ { name: 'firstSelect', options: [ { value: 1, label: 'Vg' }, { value: 2, label: 'sri' } ] }, { name: 'secondSelect', options: [ { value: 1, label: 'akila' }, { value: 2, label: 'selvi' }, { value: 3, label: 'shanmuga' } ] } ]; export default class Demo extends React.Component { onSelectChange(name, value) { let obj = []; obj[name] = value; this.setState(obj); console.log(obj[name].value); let url = 'http://localhost:99999/api/GetProfile/Get_MyPostDetails?id=3&Year=' + obj[name].value + '&CategoryID=' + obj[name].value; let user = JSON.parse(localStorage.getItem('user')); const accessToken = user; console.log(accessToken); //console.log("hi"); fetch(url, { method: 'GET', headers: { 'Content-type': 'application/json', Accept: 'application/json', Authorization: 'Bearer ' + accessToken, 'Access-Control-Allow-Headers': 'Access-Control-Request-Headers ' } //body:JSON.stringify(data) }) .then(response => response.json()) .then(data => { this.setState({ like: data }); console.log('Filter', data); // console.log(emps.profile_dateOfAnniversary); }); } render() { return ( <div> {Selects.map((select, i) => { return ( <Select key={i} name={select.name} options={select.options} onChange={this.onSelectChange.bind(this, select.name)} /> ); })} </div> ); } }Cuando selecciono el primer valor desplegable, también pasa al Id. de categoría y año. Necesito seleccionar el primer pase de valor desplegable en el año y el segundo valor se establece en CategoryId. Por favor comparte tu Idea.
Gracias de antemano.
this.setState es asíncrono
Cuando su estado de uso en API Url es la primera vez, su estado todavía está vacío. Cuando lo haga por segunda vez, tenga datos de la primera llamada this.setState . Debe hacer una llamada a la API en la devolución de llamada de seState:
this.setState( (prev) => { return { ...prev, [name]: { ...prev[name], value: value.value } }; }, () => { //state will be updated and you can send API call } );