Javascript 如何使用ES6使用ReactDOM.render()进行渲染?
使用ES5创建类组件是这样的Javascript 如何使用ES6使用ReactDOM.render()进行渲染?,javascript,reactjs,ecmascript-6,Javascript,Reactjs,Ecmascript 6,使用ES5创建类组件是这样的 var someClass = React.createClass({}); class someAnotherClass extends React.Component{ constructor(){ super(); } render(){} } 并使用 ReactDOM.render(<someClass/>, elementSelector); 如何使用ES6进行渲染?步骤1:创建组件- /
var someClass = React.createClass({});
class someAnotherClass extends React.Component{
constructor(){
super();
}
render(){}
}
并使用
ReactDOM.render(<someClass/>, elementSelector);
如何使用ES6进行渲染?步骤1:创建组件-
///dashboard.js
import React from 'react';
class Dashboard extends React.Component {
render() {
return (
<div>
Dash board
</div>
);
}
}
export default Dashboard;
//index.js
import {render} from 'react-dom';
import Dashboard from './dashboard';
render(<Dashboard/>, document.getElementById('target');
///dashboard.js
从“React”导入React;
类仪表板扩展了React.Component{
render(){
返回(
仪表板
);
}
}
导出默认仪表板;
步骤2:将其作为-
///dashboard.js
import React from 'react';
class Dashboard extends React.Component {
render() {
return (
<div>
Dash board
</div>
);
}
}
export default Dashboard;
//index.js
import {render} from 'react-dom';
import Dashboard from './dashboard';
render(<Dashboard/>, document.getElementById('target');
//index.js
从'react dom'导入{render};
从“/Dashboard”导入仪表板;
render(,document.getElementById('target');
步骤1:创建组件-
///dashboard.js
import React from 'react';
class Dashboard extends React.Component {
render() {
return (
<div>
Dash board
</div>
);
}
}
export default Dashboard;
//index.js
import {render} from 'react-dom';
import Dashboard from './dashboard';
render(<Dashboard/>, document.getElementById('target');
///dashboard.js
从“React”导入React;
类仪表板扩展了React.Component{
render(){
返回(
仪表板
);
}
}
导出默认仪表板;
步骤2:将其作为-
///dashboard.js
import React from 'react';
class Dashboard extends React.Component {
render() {
return (
<div>
Dash board
</div>
);
}
}
export default Dashboard;
//index.js
import {render} from 'react-dom';
import Dashboard from './dashboard';
render(<Dashboard/>, document.getElementById('target');
//index.js
从'react dom'导入{render};
从“/Dashboard”导入仪表板;
render(,document.getElementById('target');
完全相同的方式。请注意组件必须大写。请参阅文档:,完全相同。请注意组件必须大写。请参阅文档:,那么你说的是……完全相同的方式?或者你想用这个答案说什么?那么你说的是……完全相同的方式?或者你想说什么你用这个答案说什么?