JSX: Автоматическое исправление пустых строковых скобок простой строкой, т. е. text={«} в text=»»

#reactjs #typescript #jsx #eslint #prettier

Вопрос:

Гнида, с которой мы часто сталкиваемся во время проверки кода, возникает, когда возникает такая ситуация:

 const Outer = () => {
  return <Inner text={''} />
};
 

которые мы хотели бы преобразовать в:

 const Outer = () => {
  return <Inner text="" />
};
 

Было бы идеально, если бы мы могли автоматически исправить text={''} text="" это .

Может быть, есть способ с Эслинтом или Красивее?

Комментарии:

1. Просто предупреждаю — вы можете написать свои собственные правила и исправления для ESLint в качестве плагинов. Итак, если того, что вы хотите здесь, не существует (я, честно говоря, не знаю, существует это или нет), это может быть вариантом.

2. Это может быть связано с вашим форматом, если вы его используете.

3. @Shivam мы используем красивее, поэтому решение с помощью этого инструмента также было бы желательно