react
不承认自己菜的菜鸡前端
这个作者很懒,什么都没留下…
展开
-
工具类
import qs from 'qs'; import base64 from './base64'; import constant from '../../utils/constant'; import configs from "../../utils/config"; import serverConfig from "../../../server.config" const mome...原创 2020-04-29 16:35:35 · 150 阅读 · 0 评论 -
antd的select组件使用心得
使用antd UI框架中的select需要注意的一些问题 问题1:滚动跟随问题 问题描述:使用表单时,当页面过长出现滚动,select的下拉框不会跟随输入框,造成用户体验性不好 解决方法:在 Option 或Select.Option 中添加 getPopupContainer={(triggerNode) => triggerNode.parentNode},完美解决 问题2:可输入过滤选...原创 2019-12-27 17:47:51 · 3762 阅读 · 0 评论 -
好像有点用的react知识
react 与 reactDOM react:负责逻辑控制,react.createElement()将页面渲染成树形模板 reactDOM:渲染器,渲染成浏览器可识别的dom jsx 在dom元素中使用{表达式} 组件 函数式:function Component(props){ return (…) } 类写法:class Comp extends React.Component{ rende...原创 2020-02-26 09:14:24 · 142 阅读 · 0 评论 -
react新特性
HOOK 可以在不编写class的情况下使用state以及其他的react特性 useState 1、引入,与引入Component一样 import React,{useState} from 'react' 2、使用 const [变量名,set变量名] = useState(初始值); 例如 :const [count,setCount] = useState(0) setCount 的...原创 2020-02-26 14:35:41 · 126 阅读 · 0 评论 -
redux、react-route使用总结
redux使用原理打如下图所示: action: 相当于圣旨,是个函数,返回对象,例如:{type:‘add’} store:仓库,只用于存储 reducer:类似vuex里的mutation,根据圣旨(action)来执行,执行完更改仓库明细,仓库在通知页面发生变化,并且不支持异步操作 react comp:只能派发action,不能直接操作仓库, 使用: 较繁琐 使用react-reduce插...原创 2020-02-27 14:12:30 · 214 阅读 · 0 评论