Estoy asignando un objeto y cada tecla debe tener un botón para establecer su valor en nulo. Lo tengo funcionando para una sola clave, pero necesito que sea una variable para cada elemento del mapa.
const Football = () => { const [team, setTeam] = useState({ qb: null, te: null, rb: null, wr: null, flex: null, }); return ( <div> <h5>My Team</h5> {Object.keys(team).map((positionKey) => ( <div key={positionKey}> {positionKey.toUpperCase()}: {team[positionKey]?.name}{" "} <button onClick={() => setTeam({ ...team, qb: null })}> Remove {positionKey} From Team </button> </div> ))} </div> ); };Quiero que la clave qb en setTeam sea la variable positionKey del mapa. Si coloco positionKey directamente, crea una nueva clave en el objeto del equipo llamada positionKey.
setTeam({ ...team, qb: null })Use [positionKey] en lugar de un valor fijo
onClick={() => setTeam({ ...team, [positionKey]: null })}