Как комментировать код jsx в.js файлах в VSCode?

В отличие от webstorm, я не могу комментировать код jsx в.js файлах в Visual Studio Code.

Ответ 1

Вы можете прокомментировать JSX с помощью {/**/}

Пример:

render() {
  return (
    <div>
      <Component1 />
      {/* <Component2 /> */}
    </div>
  )
}

а затем компонент Component2 будет прокомментирован

Ответ 2

Попробуйте отключить все плагины, потому что они могут изменять поведение редактора. Например, если использовать плагин Babel ES6/ES7, редактор комментирует синтаксис .jsx // вместо {/*. Вы видите здесь проблему.

Ответ 3

В Visual Studio code Hit Cmd +/ если вы работаете на Mac или месте

{/* Your Code */}

Спасибо.

Ответ 4

Команды клавиатуры...

Ctrl +/ - Windows & Linux
Cmd +/ - MacOS

... теперь работает как ожидается для однострочного и блочного кода, добавляя {/* */} вокруг выделенных строк.

Это было исправлено в последних сборках Инсайдеров кода Visual Studio и войдет в следующую полную версию.

Ответ 5

{/* это работает, но только одна строка */}

Ответ 6

Если вы хотите комментировать блок синтаксиса JSX, вы можете сделать это следующим образом:

{
  /* <section>
     <header><h3>Contact Form</h3></header>
     <figure>
       <Form />
     </figure>
   </section> */
}

Ответ 7

Это также работает

{
  //this.props.user.profileImage
  //? <img
  //    src={ this.props.user.profileImage }!
  //    alt=""
  //  />
  //: <FontAwesome name='smile-o' />
}

Ответ 8

В настоящее время в коде Visual Studio это можно сделать, нажимая комбинацию Shift + Alt + A и комментируя код "jsx", который он производит, - {/**/}.

Ответ 9

В React "{}" позволяет нам использовать выражения JavaScript, чтобы мы могли комментировать, как в JavaScript.

Пример:

{/* multi 
line 
comment 
*/}

{// single line comment
}

Ответ 10

У меня была такая же проблема, пока я не преобразовал язык файлов в Typescript React (typescriptreact).

Если вы хотите настроить его как язык для всех файлов .js, добавьте его в ваш файл settings.json (либо глобально, либо на уровне проекта в /.vscode/settings.json).

"files.associations": {
    "*.js": "typescriptreact"
  }

Ответ 11

Если мы нажмем cmd +/ по умолчанию, vs code сделает однострочные комментарии, которые не могут быть применены к JSX. Просто установите расширение против кода ниже, все будет хорошо.

vscode языка-столпотворение

Ответ 12

Поиск Babel JavaScript в VS Code:

https://marketplace.visualstudio.com/items?itemName=mgmcdermott.vscode-language-babel

Установите и command + / прокомментирует jsx с помощью { /* */ }

Ответ 13

Для Windows:

Комментарий выбранных строк

Изменить> Переключить комментарий к строке или Ctrl + / или добавить // перед строкой

ВЫХОД: //Some Lines of Code here

Комментарий выбран Блок:

Изменить> Переключить комментарий к блоку или Shift + Alt + A

ВЫХОД: /*Some Code here*/

Сделайте то же самое для Uncomment