react入门

react 脚手架  npm create react-app 项目名称

保留文件夹数据内容删除剩下内容

搭建路由 
下包 npm i react-router-dom
在src文件夹中创建router/Router.js路由文件
配置路由

在index.js中引入路由文件

 iconfont图标引入 
先下载iconfont文件  然后再index.js中引入

内容渲染

在Home/index.js中写首页内容(raf)

基础页面结构

Home文件夹下的index.js里写样式的方式 嵌套下包npm i sass 样式后缀idex.scss 不嵌套用css

引入import { useState, useEffect } from 'react'
用useState 定义数据状态  用 useEffect 模拟生命周期
在useEfect中调用接口 获取数据
用setwearther获取数据
wearther在页面进行渲染 

react 行内样式 双括号 逗号隔开

​







​