在 Atom 中注释掉代码会给我一个错误答案

【问题标题】：Commenting out code in Atom will give me an error在 Atom 中注释掉代码会给我一个错误
【发布时间】：2019-05-13 01:59:56
【问题描述】：

我在我的 react-native 项目中使用 Atom 编辑器。当我在 Atom 中注释掉我的代码并运行它时，我会收到一条错误消息，指出必须在组件中呈现文本字符串。

我认为这是 Atom 编辑器问题。我可以使用cmd + / 注释掉代码，但这会在我运行代码时引发错误。

class RegisterScreen extends Component {
  render() {
    return (

      <View style={{flex:1}}>
//this is profile text
      <View style={{width:'100%', height:70, justifyContent:'flex-start', alignItems:'flex-start',backgroundColor:'blue'}}>
        <Text style={{paddingLeft:20, paddingTop:20, fontSize: 20, fontWeight:'bold'}}> profile </Text>
      </View>
      </View>
    )
  }
}

【问题讨论】：

显示一些注释代码，可能你不小心把括号注释掉了
我刚刚编辑了我的问题。
要注释掉模板中的代码，我相信它需要是对。
实际上当我发表评论并使用cmd+/时会发生错误
如果你手动使用注释掉你的代码并且它没有返回错误，那么它确认Atom对react文件的注释功能是错误的。

标签： react-native atom-editor

【解决方案1】：

这是一个 Atom 编辑器问题。 jsx中写cmets的正确方式是{/*Your comment here*/}

【讨论】：

【解决方案2】：

正如其他人所指出的，JSX 中的 cmets 需要用花括号括起来（参见 How to comment in JSX）：

{/* A JSX comment */}

您可能会注意到突出显示的语法错误，但默认的 JavaScript 语法包没有捕获它。为了比较，language-javascript-jsx 突出显示您的评论的方式如下：

两个包都正确显示用花括号括起来的 cmets：

考虑报告issue，以便开发人员可以修复 JSX 中 Toggle Comment 命令的逻辑。

【讨论】：