React
Angeladaddy007
这个作者很懒,什么都没留下…
展开
-
项目中遇到的一像素解决方案
一像素边框的解决方案原因:不同的设备,不同的设备像素比(dpr)导致的;通过media来媒体查询React:style-components解决方案可设置颜色、类型、粗细,有默认值,也可通过父组件来传递参数//定义import styled from 'styled-components'const border = StyledComp => { return styled(StyledComp) ` position: relative; border-radi原创 2020-09-02 21:06:14 · 265 阅读 · 0 评论 -
react中使用装饰器(decorators)
本文主要用于在create-react-app上使用装饰器,所以首先就需要通过create-react-app来创建项目。安装因为是脚手架所创建的项目,所以在需要自定义一些 create-react-app上的配置信息时就需要用到react-app-rewired引入 react-app-rewired 并修改 package.json 里的启动配置。由于新的 react-app-rewired@2.x 版本的关系,你还需要安装 customize-cra。yarn add react-app-re原创 2020-08-03 12:21:54 · 1415 阅读 · 0 评论 -
redux-thunk的简单使用
thunk我们常常需要在redux中实现异步的数据获取等操作,这个时候就可以用到thunk1、安装thunkyarn add redux-thunk2、创建store的时候引入中间件和配置import {createStore,applyMiddleware} from 'redux'import reducer from './reducer'import thunk from 'redux-thunk'let middleWares = applyMiddleware(thunk)原创 2020-07-31 23:02:10 · 933 阅读 · 0 评论 -
React Context的简述
ContextContext 设计目的是为了共享那些对于一个组件树而言是“全局”的数据,例如当前认证的用户、主题或首选语言。它类似vue的状态管理工具vuex,我们所接触的react中数据是通过props 属性自上而下(由父及子)进行传递的,但这种做法对于多层级父子关系的组件传值是极其繁琐的。这里主要讲解的是React 16.3之后的context版本,不在对老版本进行讲解。context的使用流程:1、创建context文件Mycontext,并引入createContext :import {原创 2020-07-26 17:14:06 · 386 阅读 · 0 评论 -
React 中高阶组件(HOC)用法简述
简单的讲,Higher-Order Components就是一个函数,传给它一个组件,它返回一个新的组件。官网的定义:组件(HOC)是 React 中用于复用组件逻辑的一种高级技巧。HOC 自身不是 React API 的一部分,它是一种基于 React 的组合特性而形成的设计模式。具体而言,高阶组件是参数为组件,返回值为新组件的函数。const EnhancedComponent = higherOrderComponent(WrappedComponent);我们可以通过高阶组件来实现一原创 2020-07-25 15:15:09 · 1570 阅读 · 0 评论