当前位置: 首页 > 面试题库 >

Visual Studio代码更改格式(React-JSX)

傅阳炎
2023-03-14
问题内容

我的index.js中有以下代码段

class App extends Component {
    render() {
        return ( <div style = { styles.app } >
            Welcome to React!
            </div>
        )
    }
}

该代码有效,但是每次我保存(ctrl + s)visual studio格式的jsx时,就像这样:

class App extends Component {
    render() {
        return ( < div style = { styles.app } >
            Welcome to React!
            <
            /div>
        )
    }
}

我该如何解决?谢谢


问题答案:

最后,技巧是将底部工具栏上的文件格式从JavaScript更改为JavaScript
React。我没有在此主题上找到任何文档,因此将其发布在这里以供将来参考。

除了以上。如果单击“为.js配置文件关联”,则可以将所有.js文件设置为Javascript React



 类似资料:
  • 我想缩进VisualStudio代码中的特定代码段。 我读了如何在Visual Studio Code中格式化代码?这提供了缩进整个代码的快捷方式,但在选择特定代码部分时不起作用。 在我的代码中选择了一些行后,我尝试了CtrlShiftF,但是整个文件是缩进的。我在Windows上使用Visual Studio Code Insider 1.8.0。我怎么能做到呢?

  • 问题内容: 当我使用Eclipse重新格式化代码时,它会变成这样的方法标题: 变成这样的方法标题: 当我来到这里时,我以前从未使用过Eclipse,而是导入了其他人提供的项目设置。我已经看到在我使用Eclipse的小型新项目中没有这样做,因此它必须在我导入的设置中。但是我已经遍历了所有可以找到的面板,以及我可以在工作区中找到的每个隐藏文件,而且我不知道是什么原因造成的。 如何关闭它?我不希望在方法

  • 问题内容: 我正在尝试在JSX内部使用pre标签。当您在JSX中使用pre标签时,它根本不格式化。为什么?为了使用pre标签,我需要执行以下操作: 为什么? 问题答案: 使用模板文字 模板文字允许使用多行字符串,以保留前导/尾随空格和换行符。

  • 我使用react日历来显示日历。当前,当我尝试从其onChange方法访问日期时。 我想以这样的方式更改此日期格式(07/18/2020)。 我尝试了格式化LongDate按照他们的留档,因为我无法得到想要的结果。

  • 问题内容: 我正在使用FreeMarker生成Java代码,但是由于大多数都是动态生成的,因此很难控制代码的形成。 我想使代码格式正确。有谁知道lib或类似Java代码的漂亮打印机? 问题答案: 我想我会像这个人一样使用Eclipse的CodeFormatter:http ://ssscripting.wordpress.com/2009/06/10/how-to-use-the-eclipse-