Tengo el siguiente estado en mi componente:
const [map, setMap] = useState<Map<number,string>>(new Map())Mi pregunta es cómo actualizarlo correctamente en React.
¿Debería usarlo así?
map.set(1, "hi")O así:
setMap(prev => { let newMap = prev newMap.set(1, "hi") return newMap })¿O tal vez hay un método aún mejor?
El primer método definitivamente no es la forma de hacerlo, ya que está mutando el estado. El segundo método se puede utilizar con un ligero cambio:
setMap(prev => { const newMap = new Map(prev); newMap.set(1, "hi") return newMap }Aquí, está duplicando el mapa en un nuevo objeto, en lugar de hacer referencia a la referencia del mapa original.