Автоматическое форматирование добавляет специальные символы, такие как {«»} в visual-studio-code

#reactjs #visual-studio-code

Вопрос:

я новичок в react и в настоящее время использую visual studio, но каждый раз, когда мы пишем файл .js для любого компонента и используем ярлыки visual studio (Формат при сохранении) с более красивыми extension.it форматы, но это добавляет некоторые странные символы между ними.

 const AppOne=(prop)=> {
 return (<img src=prop.path/><br/>);
}
export default AppOne;
 

когда мы используем автоматический формат, он меняется, как показано ниже

  const AppOne=(prop)=> {
     return (
     {""}
     <img src=prop.path/>{""}
     <br/>
     );
    }
    export default AppOne;
 

Почему он ведет себя таким образом и какова его цель {""} . Пожалуйста, дайте мне знать, если кто-то еще сталкивался с подобной проблемой и как заставить ее вести себя нормально. Заранее спасибо.

Ответ №1:

Если вы сохранили некоторое пространство между jsx elements ними , то spcing ( {""} ) добавляет, чтобы заполнить пробел.