react
鲸是鲸鱼的鲸
这个作者很懒,什么都没留下…
展开
-
Ant Design of Tabs+Dropdown实现
Ant Design of reactTabs+Dropdown (选项卡加下拉菜单)实现在官网demo上粘贴就能看到效果代码如下import React from "react";import ReactDOM from "react-dom";import "antd/dist/antd.css";import "./index.css";import { Tabs, Menu, Dropdown } from "antd";import { CaretDownOutlined } f原创 2020-10-09 10:30:38 · 796 阅读 · 0 评论 -
react 中的redux实现数据的添加删除
1、新建store新建component在store新建index.js代码如下:import {createStore} from "redux";const store = createStore();export default store;2、在store里创建文件夹reducer,在reducer里新建文件todo.js文件代码如下:const defaultS...原创 2019-08-22 10:27:15 · 1669 阅读 · 0 评论 -
react-异步尝试1
1、2、3、4、5、6、太丑了7、8、9、第一种原创 2019-08-23 15:06:33 · 64 阅读 · 0 评论 -
react-redux-yhunk第二种
第一步:原创 2019-08-23 15:18:17 · 81 阅读 · 0 评论 -
react-redux-saga第三种最难的一种
第一步安装:第2步 创建sagas.js异步解决的4种方案引入创建引入mysaga改成函数改原创 2019-08-23 15:40:55 · 142 阅读 · 0 评论 -
react重点redux-
超重要!!!原创 2019-08-23 14:37:32 · 86 阅读 · 0 评论 -
react项目思路 (关联)贝贝
原创 2019-08-28 09:55:25 · 133 阅读 · 0 评论 -
react传参以及cpmponent与render的区别
路由传参:动态路由:1、在定义路由的时候通过/:属性的方式来定义传递参数的属性2、在路由跳转的时候传递需要传递的数据3、接收:this.props.match.paramsquery传递1、在路由跳转的时候通过地址拼接的方式进行数据的传递(类似于get传值的方式)2、接收的时候通过this.props.location.search 进行接收 (需要注意url模块的解析)对象传值:...原创 2019-08-17 11:13:57 · 423 阅读 · 0 评论 -
路由重定向与switch与路由嵌套
switch只会渲染一个路由vue404react404 匹配任何路由第一种方式第二种方式render能写函数判断能写逻辑原创 2019-08-16 16:58:49 · 465 阅读 · 0 评论 -
immutable复习
fromjs能把所有的转换成immutable对象把最外层转换成immtable对象所有的东西都是immtable对象原创 2019-08-21 10:53:08 · 109 阅读 · 0 评论 -
React APP项目启动(环境配置)
1、cnpm install create-react-app -g2、我做的是贝贝create-react-app beibei3、安装好了就是这个亚子的cb beibei 进入这个文件 然后yarn start 开启看看能不能正常运行...原创 2019-08-25 16:29:12 · 645 阅读 · 0 评论 -
React APP项目启动(路由配置)
1、public里的文件配置在store文件中的reducers文件中新建week_choice.js文件代码:import {handleActions} from "redux-actions";const defaultState = {}export default handleActions({},defaultState)在store文件里新建index.j...原创 2019-08-25 21:12:52 · 481 阅读 · 0 评论 -
react生命周期
四个生命周期涉及到的面试题1、组件加载的时候第一次执行的生命周期有哪些?constructorcomponentWillMountcendercomponentDidMound2、那些生命周期会执行一次constructorcomponentWillMountcomponentWillunmountcomponentDidMound3、那些生命周期会多次执行rend...原创 2019-08-16 12:35:54 · 318 阅读 · 0 评论 -
context: 跨组件传值
context:跨组件传值方法包裹value时传递给子组件的GlobalContext .provider子组件-消费者GlobalContext.Consumer里面要写函数否则会报错context: 跨组件传值1、通过React.createContext创建全局的GlobalContext(来创建一个Context)2、3、4、...原创 2019-08-16 15:24:39 · 617 阅读 · 0 评论 -
react路由
1、路由形式:hash路由 history2、路由跳转的方式3、路由渲染的方式4、路由传参5、路由守卫6、编程式导航7、路由嵌套1、安装第三方包:安装react路由的包:cnpm install react-fouter-dom -S2、引入react-router-dom 选择路由的形式HashRouter:路由的根组件 也是路由的一种形式(hash路由)...原创 2019-08-16 16:23:19 · 103 阅读 · 0 评论 -
react中的hooks
函数组件VS类组件函数组件:优点:运行速度快,没有状态,也没有生命周期 只会有view层 ui组件类组件:优点:可以存储组件所需要的组件 以及继承过来的一些生命周期的调用思考:能否函数组件和类组件做一个结合Hooks:让函数组件拥有类组件的一些功能(存储状态 生命周期)存储当前组件所需要的一些状态参数:所需要的状态值hooks中用到的生命周期:hooks的基本使...原创 2019-08-19 11:09:52 · 216 阅读 · 0 评论