自动格式化会在visual-studio-code中添加特殊字符，如{“”

Question

我是react的初学者，目前正在使用visual studio，但每次我们为任何组件编写.js文件时，都会使用带有更漂亮的extension.it格式的visual studio快捷方式(保存时格式化)，但它确实在两者之间添加了一些奇怪的字符。

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

当我们使用自动格式化时，它确实会发生如下变化

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

为什么要这样做？{""}的目的是什么？请让我知道其他人是否遇到过类似的问题，以及如何让它正常运行。提前谢谢。

Answer 1

如果您在jsx elements之间保留了一些空间，那么spcing ({""})就可以填补这个空白。