Tengo este conjunto de entrada de selección que muestra números en la carga interna en el archivo de selección y luego quiero cambiar el valor según la opción. También quiero pasar una identificación a la API de publicación llamada user.id.
{ data.map((user) => ( <select value={user.numberfromapi} // to show the number that is fecteched from api in intial load style={{ background: defaultcolor }} onChange={handleBackground(user.id ,value)} // i want to pass these 2 filds > <option value="1"> 1 </option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> </select> )); }Puede modificar handleBackground para que se vea así.
const handleBackground = (userId) => ({ target }) => { let value = target.value; // you can use userId and value here. } Luego, en su llamada JSX handleBackground como este.
<select value={user.numberfromapi} style={{ background: defaultcolor }} onChange={handleBackground(user.id)} >O hazlo de la manera descuidada como esta.
<select value={user.numberfromapi} style={{ background: defaultcolor }} onChange={(event) => handleBackground(user.id, event.target.value)} >