React全家桶
react的技术
litter_lj
这个作者很懒,什么都没留下…
展开
-
react-router
1.react-router-dom的原理(hash和history)<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width,原创 2021-03-09 14:15:48 · 166 阅读 · 0 评论 -
redux-thunk,redux-saga的使用
1. redux-thunk// store/index.jsimport { createStore, applyMiddleware, compose } from "redux";import reducer from "./reducer";import thunk from "redux-thunk";const sagaMiddleWare = createSagaMiddleWare(); const composeEnhancers = window.__REDUX..原创 2021-03-09 14:10:22 · 210 阅读 · 0 评论 -
react-redux的原理,react-redux的使用
1.react-redux的原理// react-redux/context.jsimport { createContext } from "react";const StoreContext = createContext(null);export { StoreContext };// react-redux/connect.jsimport React, { Component } from "react";import { StoreContext } from原创 2021-03-09 13:55:24 · 136 阅读 · 0 评论 -
context,redux的使用
1.Context的使用import React, { Component, createContext, PureComponent } from "react";const UserContext = createContext({ name: "张三", age: 18,});const FnContext = createContext({ sex: "男",});/* context在类组件的使用 */class Child extends PureCompon原创 2021-03-09 13:47:17 · 263 阅读 · 0 评论 -
styled-components,classnames,antd的使用
1.styled-components的使用import React, { Component } from "react";import styled, { ThemeProvider } from "styled-components";import styles from "./css/styled.module.css"; // 测试 css modules// 基础用法 + 嵌套 + 伪类 + 伪元素const ContentWrap = styled.div` paddi原创 2021-03-09 13:37:03 · 1649 阅读 · 0 评论 -
State,Ref,PureComponent的使用
1. setState的使用import React, { Component } from "react";import styled, { ThemeProvider } from "styled-components";function Child(props) { return <p>{props.name}</p>;}const TTest = styled.p` font-size: ${(props) => props.theme.fo原创 2021-03-09 13:30:04 · 218 阅读 · 0 评论