React个人笔记
帅癌病患者
这个作者很懒,什么都没留下…
展开
-
umi+dva中关于connect的使用
connect就是链接UI组件和model的。有两种方式建议新手使用一,利用connect的参数(mapStateToProps)1.首先找到你要链接的model的命名空间。2.进入UI组件按照文档的说法,Dva(UI文件)成为了一个 被 state 包裹的组件,所以Dva有props的参数。3.state的赋值这是打印mapStateToProps的结果,我们找到我们需要的 dva赋值给我们命名的dva(这个名字是自己命名的)...原创 2021-09-18 19:32:16 · 3552 阅读 · 2 评论 -
hooks useMemo
import React, { useState ,useMemo} from 'react';//useMemo解决反复执行问题useMemo从react引入。{ useMemo}的意思就是从react文件中寻找到与useMemo名字相同的函数。useMemo有两个参数。useMemo(fuc(name),[name])//第一个参数的name与第二个参数的name进行比较,当name不一样的时候才执行。实例function Example7(){ const [xiaohong,s原创 2021-04-10 15:51:29 · 169 阅读 · 0 评论 -
ReactHooks useReducer
计数器的增加功能import React, { useReducer } from 'react';function ReducerDemo(){ const [count , dispatch] = useReducer((state,action)=>{ switch(action){ case 'add': return state+1 case 'sub':原创 2021-04-09 19:48:26 · 89 阅读 · 0 评论 -
ReactHooks useContenxt 父子传值
import React, { useState, createContext ,useContext} from 'react';const CountContext = createContext();//创建上下文,利用provider提供值function Counter(){//子组件 let count = useContext(CountContext) return(<h2>{count}</h2>)}function Example4(原创 2021-04-08 17:12:24 · 374 阅读 · 0 评论 -
React Hooks useEffect绑定与解绑
import React, { useState , useEffect} from 'react';import {BrowserRouter as Router , Route,Link} from 'react-router-dom'function Index(){ useEffect(()=>{ console.log('userEffect=>老弟,你来了 Index') return ()=>{ conso原创 2021-04-08 16:44:01 · 691 阅读 · 0 评论 -
ReactHooks useEffect代替周期函数
非hooks写法import React, { Component } from 'react';class Example3 extends Component { constructor(props) { super(props); this.state = { count:0 } } componentDidMount(){ console.log(`componentDidMount原创 2021-04-08 16:16:44 · 115 阅读 · 0 评论 -
React Router 的 路由嵌套
文件目录index.jsimport React from 'react';import ReactDOM from 'react-dom';import AppRouter from './AppRouter'ReactDOM.render( <AppRouter />, document.getElementById('root'));引入AppRouterAppRouter.js引入目录import React from 'react'import{原创 2021-03-27 17:15:10 · 298 阅读 · 0 评论 -
简单的 React Router 例子
文件目录index.js(主)固定格式import React from 'react'import ReactDOM from 'react-dom'import AppRouter from './AppRouter'ReactDOM.render(<AppRouter />,document.getElementById('root'))AppRouterimport React from 'react'import{BrowserRouter as Route..原创 2021-03-27 15:28:20 · 205 阅读 · 0 评论 -
枯燥的Redux 完成todolist
文件目录Index.jsimport React from 'react';import ReactDOM from 'react-dom';import Todolist from './Todolist'//以上都是固定格式import {Provider} from 'react-redux'//被provider包裹的都可以获得store里面的值import store from './store'const App = (//提供器,包裹所有需要的组件 <Prov原创 2021-03-27 10:51:24 · 101 阅读 · 0 评论 -
枯燥的React 实现todolist(技术胖笔记)
Xiaojiejie.jsimport axios from 'axios'// npm install -save axios 安装import React,{Component,Fragment} from 'react'import './style.css'import XiaojiejieItem from './XiaojiejieItem'import Boss from './Boss'import{CSSTransition,Transition,TransitionGro.原创 2021-03-19 20:40:08 · 149 阅读 · 1 评论 -
枯燥的React(技术胖笔记)
1.单向数据流2.框架应用3. 函数式编程原创 2021-03-19 15:01:38 · 179 阅读 · 0 评论