Как комментировать в React JSX

Приступая к работе с React, вы, возможно, попытаетесь прокомментировать некоторый код, как это должен делать каждый нормальный вменяемый разработчик, чтобы больше не писать или не забывать фрагмент кода. React использует JSX, это расширение XML-подобного синтаксиса для ECMAScript без какой-либо определенной семантики. Он НЕ предназначен для реализации движками или браузерами.

Ну, другой сумасшедший язык с синтаксисом XML, тогда комментарий должен быть похож на XML, верно? Однако вы можете быть удивлены тем, что не можете комментировать реакцию на область JSX, как это происходит с XML:

import React, {Component} from 'react';
class Main extends Component {
constructor(props, context) {
super(props, context);
// But this will be commented properly because it's Javascript :) not JSX
}
render() {
return (

);
}
}
export default Main;

Тем не менее, Javascript все еще можно комментировать как обычно. Как мне прокомментировать Зона JSX должным образом?

Комментируя JSX

Вы не можете просто использовать HTML-комментарии внутри JSX, потому что компилятор будет думать, что это настоящие DOM-узлы. Чтобы правильно прокомментировать в JSX, вы будете комментировать, как вы привыкли делать с блоками кода в JavaScript /* Some JS Code */Однако комментарий должен быть заключен в фигурные скобки:

import React, {Component} from 'react';
class Main extends Component {
constructor(props, context) {
super(props, context);
/*
alert("Hello World");
*/
// console.log("hey");
}
render() {
return (
{/* A JSX comment, this will work :)
*/}
);
}
}
export default Main;

Поскольку JSX является «новым» языком, к сожалению, большинство редакторов кода и IDE не предоставляют ярлыки с клавиатурой для комментариев к JSX.

Ссылка на основную публикацию
Adblock
detector