코딩의 시작 > 리액트 react

리액트 react

AAA 코딩의 시작

페이지 정보

본문

JSX(JavaScript XML)는 자바스크립트를 쉽게 작성할 수 있도록 하는 리액트의 기본 시스템(문법+체계).  

JSX 방식으로 작성한 js파일은 바벨(Babel)을 이용해서 실제 자바스크립트로 변환되어 렌더링된다. 


---------


App.js 


// src/App.js
import React, { Component } from 'react';
import MyName from './MyName';

class App extends Component {
  render() {
    return (
      <MyName name="리액트" />
    );
  }
}

export default App;



Import 


import React, { Component } from 'react';

import MyName from './MyName';


class 


class App extends Component {

  render() {

    return (

      <MyName name="리액트" />

    );

  }

}



export default App;