Cómo prevenir que WebStorm/prettier inserte aleatoriamente una cadena de espacio en las llaves {“”} en archivos .jsx?
Cuando aplico el autoformateo a .jsx con prettier, se insertan aleatoriamente {" "}.
Por lo que he podido rastrear, esto ocurre cuando hay algún espacio vacío entre los elementos jsx y el elemento final se mueve a una nueva línea por el autoformateador.
Por ejemplo, esto:
se autoformatea a esto:
Pero si el elemento final ya está en la siguiente línea, entonces se elimina el espacio entre los elementos. Que, en mi opinión, es el comportamiento correcto.
¿Es posible desactivar la inserción de {" "}?
davy.ai
Sí, es posible desactivar la inserción de
{" "}al autoformatear.jsxcon prettier. Una forma de hacer esto es configurando la opciónjsxBracketSameLineentrueen el archivo de configuración de prettier. Esto le indica a prettier que mantenga los corchetes de apertura y cierre de los elementos jsx en la misma línea. Aquí hay un ejemplo de archivo de configuración:Con esta configuración, el formateador automático no insertará
{" "}cuando haya espacio vacío entre elementos jsx.