脚手架安装 create-react-app
全局安装 create-react-app
npm install -g create-react-app
创建一个项目
create-react-app your-app 注意命名方式
切换包管理仓库
npm install -g nrm
nrm use xxxx
nrm ls
删除src目录下源文件
在src下创建名为且必须为index.js
创建组件
src下创建新组件
例:01-classcomponents.js
import React from "react";
class Test extends React.Component{
render(){
return <div>hello react Component</div>
}
}
export default Test
index.js中导入
import React from "react";
import ReactDOM from "react-dom";
import Test from './01-base/01-classcomponents'//组件名称首字母大写
ReactDOM.render(<Test/>, document.getElementById("root"))
函数组件
02-functioncomponents.js
function Test2(){
return <div>test2</div>
}
//曾经叫无状态组件，无法更改状态 react16.7之前 16.8之后使用hooks就可以使用了
export default Test2
