![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
飞鱼小华
这个作者很懒,什么都没留下…
展开
-
大屏可视化适配与布局
大屏项目的屏幕适配与布局原创 2022-10-26 13:47:57 · 619 阅读 · 0 评论 -
react自己封装一个天气组件
react中封装一个天气组件原创 2022-10-12 13:06:20 · 906 阅读 · 1 评论 -
router-router-dom之使用三
路由的嵌套修改HOME.js中代码如下 <div> 您好我是首页 <a href="/home/news">正在热映</a> <a href="/home/comming">即将上映</a> <div> <Switch> <Route pat原创 2021-08-24 21:25:00 · 109 阅读 · 0 评论 -
react-router-dome的使用二
点击切换路由修改引入方式变成非Hash模式import {BrowserRouter as Router,Route,Switch,Redirect} from "react-router-dom"1:在Home.js中改写代码加一个a标签 测试代码的跳转 通过a标签import React, { Component } from 'react'export default class Home extends Component { render() {原创 2021-08-24 21:15:33 · 71 阅读 · 0 评论 -
react-router-dome的使用一
https://reactrouter.com/web/example/url-params方便页面切换视图和组件1:第一步安装 react-router-dom 不要使用 react-routernpm install react-router-dom --save2:第二步引入import {HashRouter as Router,Route,Switch,Redirect} from "react-router-dom"HashRouter #原创 2021-08-24 21:07:00 · 101 阅读 · 0 评论 -
React的中间件redux-thunk的使用
针对react而言可以使用 middleware中间件来处理 异步action1第一步 安装npm install from redux-thunk --save(saga)第二步引入 store/index.jsimport thunk from "redux-thunk"第三步 改写createStoreconst store = createStore(goodsReducer,applyMiddleware(thunk));第四步 改原创 2021-08-24 21:02:37 · 172 阅读 · 0 评论 -
React的安装
依赖环境安装node.js下载地址 http://nodejs.cn/download/选择合适的版本 10以上就行下载以后 右键直接安装即可1:安装npx create-react-app myproject 启动react项目安装 备注 项目名称不能有大写2:了解react的核对插件"dependencies": { "react": "^16.11.0", "react-dom": "^16.11.0", "react-scri原创 2021-08-24 20:59:39 · 242 阅读 · 0 评论 -
react项目的初始化
用vite初始化一个项目npm init vite lesson安装必要的插件(axios router等等)npm iaxiosreact-router-domreduxreact-redux@types/react-router-dom安装redux-thunk用来在redux异步中调用action方法npm install redux-thunk初始化一下npm i启动项目npm run dev...原创 2021-08-24 20:26:40 · 105 阅读 · 0 评论 -
redux的理解与实际运用
redux类似于vuex对全局的变量进行定义与操作store:Redux 应用只有一个单一的 storeaction:Action是把数据从应用(译者注:这里之所以不叫 view 是因为这些数据有可能是服务器响应,用户输入或其它非 view 的数据 )传到 store 的有效载荷。它是 store 数据的唯一来源。一般来说你会通过store.dispatch()将 action 传到 store。reducer:Reducers指定了应用状态的变化如何响应actions并发送到 st...原创 2021-08-24 20:36:02 · 97 阅读 · 0 评论