![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
姚尔摩斯
这个作者很懒,什么都没留下…
展开
-
【React】Cannot use ‘in‘ operator to search for ‘value‘ in undefined
在动态渲染<Select>标签时报错检查后将渲染部分外边加一个div 就可以原创 2020-04-16 01:15:55 · 7287 阅读 · 0 评论 -
React 渲染嵌套对象,内部对象会是undefined
最近使用react时,多层结构渲染一直报错,网上查了查,找到了解决方法,问题:数据类型是双层结构渲染一直报错,报错为undifiend原因:render()一加载就会渲染,渲染的数据是初始state里的值 ,当setState会再次渲染解决方法1.三元运算 判断对象是否存在2.在初始化对象的时候嵌...原创 2020-04-04 02:58:54 · 885 阅读 · 1 评论 -
【React】antd在table中使用dropdown组件
官方给出的dropdwpn使用方法无法在table中得到每一行的信息import { Menu, Dropdown, Icon } from 'antd';const menu = ( <Menu> <Menu.Item> <a target="_blank" rel="noopener noreferrer" href="http:...原创 2020-01-04 21:02:12 · 4050 阅读 · 1 评论 -
【React】使用react-intl-universa国际化
我在做一个项目时有国际化的要求,查询后发现可以使用阿里的react-intl-universal先安装到项目里yarn add react-intl-universal在项目中使用时发现 将国际化内容放在 react-redux的Provider里会导致bug,组件延迟变化,所以我在最外层又套了一个antd框架提供的 ConfigProvider 具体使用如下在app.js入口...原创 2019-12-29 01:17:30 · 461 阅读 · 0 评论 -
【React】使用redux-persist 刷新不重置state
在做一个项目时 发现每次刷新菜单栏都会变成初始位置 实用性很差 ,便想着把redux中的数据保存下来,查了一下,应使用redux-persist首先使用yarn下载下来(基础的redux默认下载好了)yarn add redux-persist修改store中的index.jsimport { createStore,applyMiddleware,compose } f...原创 2019-12-26 23:34:18 · 1413 阅读 · 0 评论 -
【React】无状态组件 容器组件 UI组件
一个组件里东西太多,把负责UI部分,也就是render里的提取出来单独放一个组件,称为UI组件,剩下的部分只有业务逻辑,也叫做逻辑组件,聪明组件或者容器组件一般如果一个组件里只有render函数,可以写成无状态组件,这样性能更高.因为没有别的生命周期函数import React,{Fragment}from'react';import { Input,Button,List } ...原创 2019-12-17 01:27:11 · 227 阅读 · 0 评论 -
【React】antd,Redux
React组件之间传值不方便,所以用Rudex准备下载antd(有点像bootstrap)下载redux (仓库)项目目录进入cmdyarn add antdyarn add redux下载duduxdevtools在google商店中安装使用Redux创建store在src中创建一个文件夹store在store中创建index.js...原创 2019-11-12 22:30:54 · 209 阅读 · 0 评论 -
【React】使用charles
首先360wcnm我安装了半天一直失败,我寻思着我也没出错啊,查了半天,百度也google也找,都没啥人和我一个毛病,最后看到一个老哥说,你把360关了试试。。我真是一口血吐出来了。在测试时发现新版本charles不支持本地抓取 网上参考https://blog.csdn.net/weixin_43735348/article/details/100824002将localhost...原创 2019-11-12 01:27:19 · 220 阅读 · 1 评论 -
【React】生命周期函数
在某一时段会自动执行的函数Initialization初始化constructo()中完成Mounting 组件第一次挂载到页面的流程componentWillMount :render之前 组建即将被挂载到页面上时执行componentDidMount :render之后 组件挂载后执行Updation 组件更新shouldComponen...原创 2019-11-11 23:45:15 · 89 阅读 · 0 评论 -
【React】JSX语法基础
JSX语法就是React的框架语言通过JSX在js文件中创建html元素 例如红色部分就是jsxconst h1 = < h1 > Hello world </ h1 > ;尽管就像html但是它在js文件中,如果不编译的话无法被理解创建jsx元素时应该使用有效的HTML标记,而且react中的dom属性与html不同记得查看比如html中的cla...原创 2019-07-10 23:44:04 · 453 阅读 · 0 评论 -
【React】入门
React是视图层框架,并不能解决所有问题.React 的核心我现在的理解就是 把dom层的工作放到数据层来,利用绑定事件来体现响应式设计,能改数据层都在数据层改.对应于原来原生开发的命令式开发,React是声明式开发.React16后的版本可以称作React Fiber在chrome扩展程序里搜React可以添加React工具React作为一个前端框架有两种开发模式一种是传统...原创 2019-07-10 23:35:23 · 120 阅读 · 0 评论 -
【React】PropTypes/DefaultTypes
PropTypes 与 DefaultTypes 可以在组件中设置属性的值PropTypes可以设置组件中属性的类型 若是接收到 contnet 是 number 类型 就会 warnning也可以设置 .isRequired 那么久一定要有 没有就会报错、使用 arrayOf 可以设置多重属性,既可以是number 也可以是stringimport PropType...原创 2019-07-14 03:51:14 · 146 阅读 · 0 评论 -
【React】拆分组件与组件间传值
组件拆分将一个大的组件可以拆分成几个组件 比如 TodoList 将搜索栏和展示栏分别设置为组件,将列表中的每一个列都设置为单独的组建例如:<ul> { this.state.list.map((item,index) => { return ( <TodoItem /> ) }) }</ul>组件传值...原创 2019-07-13 02:10:20 · 317 阅读 · 0 评论