Question

使用ES5创建类组件将是这样的

var someClass = React.createClass({});

并使用

进行渲染

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

使用ES6创建类组件就像这样

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

我们如何使用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步：将其作为 -

安装到DOM

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

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

如何使用ES6使用ReactDOM.render（）进行渲染？

1 个答案: