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

Question

我正在为我的 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>
    )
  }
}

Answer 1

这是 Atom 编辑器的问题。 jsx中正确的注释写法是{/*Your comment here*/}

Answer 2

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

{/* A JSX comment */}

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

两个包都能正确显示用大括号括起来的注释：

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

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

Commenting out code in Atom will give me an error

atom-editor

react-native