reactjs - 如何防止 Visual Studio 代码破坏我的 jsx 代码？

Question

我一直在使用 reactjs 开发一个简单的 crud 应用程序。

这是一段代码

enter code hererender() { return ( Products Manager < AddProduct onAdd = { this.onAdd } /> { this.state.products.map(product => { return ( < ProductItem key = { product.name } {...product } onDelete = { this.onDelete } onEditSubmit = { this.onEditSubmit } /> ); }) } );

看起来不错，没什么问题。但是，如果我保存它，VS Code 会执行以下操作：将标签与尖括号分开，等等。我的问题很简单——如何防止 VS Code 破坏我的代码？ enter code here render() { return ( < div className = "App" > < h1 > Products Manager </h1> < AddProduct onAdd = { this.onAdd } is.state.products.map(product => { return ( < ProductItem key = { product.name } {...product } onDelete = { this.onDelete } onEditSubmit = { this.onEditSubmit } />); }) } </div> );

标签： reactjsvisual-studio-code

Answer 1

您可能安装了一个自动格式化文本的扩展程序。Prettier是最受欢迎的之一。据我所知，VSCode 不会自动格式化您的代码。