“ES7 React/Redux/GraphQL/React-Native 片段”不适用于 javascript 文件。除了安装它，我还需要配置其他东西吗？答案

【问题标题】："ES7 React/Redux/GraphQL/React-Native snippets" is not working for javascript file. Do I need to configure something else than just installing it?“ES7 React/Redux/GraphQL/React-Native 片段”不适用于 javascript 文件。除了安装它，我还需要配置其他东西吗？
【发布时间】：2022-01-15 16:09:53
【问题描述】：

我正在编辑一个 javascript 文件，当我写道：p{Hello} 我希望它转换为 <p>Hello</p> 。但它似乎没有发生。我还需要做些什么来在 VS Code 中配置此扩展以使其正常工作吗？代码如下。

import React, { Component } from "react";

const ArrowHeader = () => {
  return(
    p{Hello}
  )
}
class App extends Component {
  render() {
    return (
      <div className="App">
        <h1>Hello Scaler</h1>
      </div>
    );
  }
}

export default App;

【问题讨论】：

记住你提供的数据越多，帮助就越多，并尝试让你的问题可搜索，现在你的标题不适合你的内容，因为它太宽泛了。
谢谢，从现在开始我一定会记住这一点的。

标签： javascript reactjs visual-studio-code code-snippets

【解决方案1】：

p{Hello} 不是一个组件。如果要显示<p>Hello</p>，则需要创建自定义组件。

【讨论】：

不，实际上我是在尝试使用 sn-ps，即我希望 p{Hello} 在按回车键时转换为
Hello
。但它没有发生，所以我认为我的 ES7 VS Code 扩展存在一些配置错误。

【解决方案2】：

其实问题不在于 ES7 扩展，而是 emmet 没有配置 javascript 文件，添加 javascript 作为 emmet 的语言后就可以正常工作了。

【讨论】：

您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息，例如引用或文档，以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center。

【解决方案3】：

-尝试将其添加到您的 settings.json 文件中：

"emmet.includeLanguages": {
        "javascript": "javascriptreact"
    }

-如果你不想要那个配置，你可以手动把每个文件的 Language Mode 改成 JavaScript React：

打开 .js 文件后，单击语言模式选择器： Language Mode Selector
搜索 JavaScript React（或 JSX）：Select JavaScript React
检查是否应用正确：JSX Mode applied

【讨论】：