매일 리액트를 사용할 때마다 헷갈리던 주석!
오늘은 리액트 주석을 뽀개러 가봅시다 🕊️
01. React 주석
자바스크립트와 동일한 방법으로 주석처리를 해줍니다.
🥏 한 줄 주석 : //
🥏 여러 줄 주석 : /* */
<script type="text/babel">
function App() {
// const [minutes, setMinutes] = React.useState();
const onChange = (event) => {
setMinutes(event.target.value);
};
return (
<div />
);
}
</script>
02. JSX 주석
자바스크립트 여러줄 주석에 {}를 추가합니다.
<script type="text/babel">
function App() {
//React 주석
// const [minutes, setMinutes] = React.useState();
const onChange = (event) => {
setMinutes(event.target.value);
};
return (
<div>
{/*JSX 주석*/}
{/*<h1 className="tit">🧮 Super Converter 🧮</h1>*/}
</div>
);
}
</script>