Este componente obtendrá información del usuario y luego la agregará a una opción de selección. Usé el índice como clave :
const NewGroup = () => { const [group, setGroup] = useState([]); const [category, setcategory] = useState(""); const addToGroup = () => { let temp = [...group, category]; setGroup(temp); }; return ( <div> <input type="text" name="" id="" value={category} onChange={(e) => { setcategory(e.target.value); }} /> <button onClick={addToGroup}>submit</button> <div> <select name="" id=""> {group.map((category, index) => { return ( <option key={index} value=""> {category} </option> ); })} </select> </div> </div> ); } export default NewGroup;Pero quiero darle a cada nueva categoría una identificación única. Cómo puedo hacer eso ?
En general, debe usar una clave única que no necesariamente use id para la clave; Entonces, si su elemento de categoría tiene una clave uniq, puede usarla incluso el nombre de categoría