Jun 개발노트

JSX 없이 사용하는 React

November 15, 2020

  • JSX를 사용하면 리엑트를 쉽게 구성할 수 있다
  • 단! 필수는 아니지만, 추천한다

JSX를 사용하면 직관적? 쉽게? 컴포넌트를 사용!

class Hello extends React.Component {
  render() {
    return <div>Hello {this.props.toWhat}</div>;
  }
}

ReactDOM.render(
  <Hello toWhat="World" />,
  document.getElementById('root')
);

Pure를 사용하면 React.Object를 만들어서 넣어줘야하기때문에 직관적이지 못함!

class Hello extends React.Component {
  render() {
    return React.createElement('div', null, `Hello ${this.props.toWhat}`);
  }
}

ReactDOM.render(
  React.createElement(Hello, {toWhat: 'World'}, null),
  document.getElementById('root')
);

추천 및 관련 URI

the online Babel compiler


Written by Junho You 배운것을 기록하자