ES6을 사용하여 ReactDOM.render()를 사용하여 렌더링하는 방법은 무엇입니까? ES5와

Question

만들기 클래스 구성 요소는

ReactDOM.render(<someClass/>, elementSelector); 

어떻게 든 우리가 함께 렌더링 어떻게이

class someAnotherClass extends React.Component{ 
    constructor(){ 
      super(); 
    } 
    render(){} 
} 

처럼 ES6와 클래스 구성 요소를 만들고 사용하여 렌더링이

var someClass = React.createClass({}); 

과 같은 것 ES6?

Answer 1

1 단계 : 컴포넌트 -

///dashboard.js 
import React from 'react'; 
class Dashboard extends React.Component {  
    render() { 
     return (
     <div> 
      Dash board 
     </div> 
    ); 
    } 
} 

export default Dashboard; 

만들기 2 단계는 : 정확

//index.js 
import {render} from 'react-dom'; 
import Dashboard from './dashboard'; 

render(<Dashboard/>, document.getElementById('target');