0
123
ViewsNecesidad de completar los datos de otros archivos en función de la selección desplegable reaccionar formik
Tengo el siguiente formulario en reaccionar.
mi requisito es que una vez que el usuario seleccione la dirección del patrocinador, se debe completar la dirección 2 y el código postal.
He completado la lista de patrocinadores usando el siguiente método.
useEffect(()=>{ fetchStatus(); },[]); const fetchStatus = async ()=>{ const {data}= await httpClient.get( config.resourceServerUrl+"/sponsors"); setResult(data); } este es mi código de select .
<div> <select id="sponsor" name="sponsor" className="form-control" placeholder="Sponsor" onChange={(e)=>populateData(e)} > <option value="">Please select the sponsor</option> { result.map((res:any)=> <option >{res.name}</option> ) } </select> </div>Estoy llamando al siguiente método en el evento onChange.
const populateData=()=>{ }¿Pueden ayudarme con la lógica del código para completar la lista? Incluso una pequeña sugerencia será realmente útil.
·
Juan Pablo Isaza
1 answers
Answer question0
Cuando se activa la función populateData, intente algo como
en primer lugar, tenga algún estado local o estado redux
const [data, setData] = useState({ address: '', address2: '', zipCode: '', }) const populateData = () => { const dataToAdd = getsomeData(() => ({ address: 'Some address', address2: 'something else', zipCode: 'ZIP_CODE', })) setData(dataToAdd) }luego pase los valores a las entradas y téngalos como entradas controladas o tendrá que actualizar formData de una manera similar
·
Juan Pablo Isaza
Report
Answer question