以create-react-app为例,在App.js文件中,
import {Component} from 'react'
等价于:
import React from 'react'
const Component = React.Component
import React, { Component } from 'react';
// 下面这行代码等价于 class App extends React.Component
class App extends Component {}
那么在react中,如果需要实现一个组件,那么只需要定义一个类,并让它继承(extends)React.Component就可以了
class App extends Component {
render() {
return (<div>Hello world!</div>);
}
}
export default App;
render() 返回该组件显示的内容
ReactDOM 是把react组件的内容挂载到页面上
ReactDOM.render(<App />, document.getElementById('root'));
<App /> jsx语法,由import React from 'react',即react负责解析
注意: render()方法中的标签,如<div>其实也是由jsx语法解析的