先是这样安装。
index.js
进入之后将src的文件夹中的内容删除,只留下index.js
import React from 'react'
import ReactDOM from 'react-dom'
import Xiaojiejie from './Xiaojiejie'
//JSX javascript and xml
// 遇到 < 当作html
// 遇到 {} 当作JavaScript
ReactDOM.render(<Xiaojiejie/>,document.getElementById('root'))
引入组件
import Xiaojiejie from './Xiaojiejie’
由于index.js与xiaojiejie.js为同路径,所以from ‘./xiaojiejie’
引入的时候,首字母必须大写
主要的父组件就为xiaojiejie.js
固定格式
class extends Component {
//构造函数可以直接写在最上面
constructor(props) {
super(props);//调用Component的方法
this.state = { }//所有数据都写在state里面
}
render() {
return ( );
}
}
export default ;