参考教材【入门教程: 认识 React – React (docschina.org)】
安装node.js
第一步:搭建 局部
// 局部 临时
npx create-react-app my-app
// 全局
npm i -g create-react-app my-app
第二步:启动项目
cd my-app // 切换文件夹路径
npm start // 跑项目
第三步:安装调试工具
React Developer Roools
在chrome 应用商店下载即可
第四步:删除src文件夹下的源文件
第五步:新建index.js
import React from 'react';
import ReactDOM from 'react-dom';
import APP from './basics/组件嵌套'
ReactDOM.render(<APP/>,document.getElementById('root'))
第六步:新建xx.js
import React, { Component } from 'react'
// 函数组件
const Header = ()=>{ // 箭头函数写法 this
return(
<div>头部</div>
)
}
// 类组件
class Navbar extends Component{
render (){
return(<div>Navbar</div>)
}
}
// 父组件
export default class APP extends Component {
render() {
return (
<div>
<Header></Header>
<Navbar></Navbar>
</div>
)
}
}