Комментирование кода в Atom выдаст мне ошибку

Question

Я использую редактор 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

Как уже отмечали другие, комментарии в JSX должны быть заключены в фигурные скобки (см. Как комментировать в JSX ):

{/* A JSX comment */}

Возможно, вы заметили бы синтаксисошибка при выделении, но пакет синтаксиса JavaScript по умолчанию не улавливает ее.Для сравнения, вот как language-javascript-jsx выделяет ваш комментарий:

Оба пакета правильно отображают комментарии, заключенные в фигурные скобки:

Подумайте об сообщении о проблеме , чтобы разработчики могли исправить логику комментария Toggle команда внутри JSX.

Answer 2

Это проблема редактора Atom.Правильный способ писать комментарии в jsx: {/*Your comment here*/}