Tengo la variable useState definida como tal
const [queryBuilder, setQueryBuilder] = useState({location: [], metric: [], datetime: [], statistics: []})entonces tengo una función que debería poder volver a establecer la propiedad individual en una matriz vacía []. Aquí me encontré con un problema y probé varias formas pero ninguna funcionó, por ejemplo.
const clearCategory = (e, category) => { setQueryBuilder(prev => { return {...prev, prev[category]: []}}) }esto no funcionará, pero trato de acceder a la propiedad a través de la notación anterior de objetos y corchetes (también probé la notación de puntos).
Normalmente puedo acceder dinámicamente así
queryBuilder[category]pero durante useState gancho no puedo, ¿cómo logro esto?
Y escribiendo
setQueryBuilder(prev => {return {...prev, category: []}})simplemente creará una nueva propiedad llamada categoría con una matriz vacía
Lo que debe usar aquí es un nombre de propiedad calculado , que es una característica introducida en ECMAScript 2015. Para su ejemplo, se verá así:
{ ...prev, [category]: [] } Tenga en cuenta que la propiedad calculada en sí misma no hace referencia a su objeto prev y técnicamente no está relacionado con él. Es simplemente un miembro único del objeto que sobrescribe cualquier propiedad con el mismo nombre del objeto prev , ya que se define después de que prev se extendió al objeto.