随笔分类 - React
摘要：React Hooks用法大全 前言 在 React 的世界中，有容器组件和 UI 组件之分，在 React Hooks 出现之前，UI 组件我们可以使用函数，无状态组件来展示 UI，而对于容器组件，函数组件就显得无能为力，我们依赖于类组件来获取数据，处理数据，并向下传递参数给 UI 组件进行渲染。
阅读全文
摘要：移动端适配方案介绍 在移动端中，为了设配不同的设备，通常使用rem来做适配。 rem是通过根元素进行适配的，网页中的根元素指的是<html>，我们通过设置<html>的字体大小就可以控制 rem 的大小（1rem = 1根元素字体大小） 可见，只要我们根据不同屏幕（使用css媒体查询或js）设定好根
阅读全文
摘要：在package.json中加入如下：
阅读全文
摘要：一、不可控组件 如上：defaultvalue的值是固定的，这就是一个不可控组件 如果要获取input的value值，只有使用ref获取节点来获取值 二、可控组件 如上：defaultvalue的值是根据状态确定的，只需要拿到this.state.value的值就可以了， 这里需要注意一下：使用va
阅读全文
摘要：在组件的整个生命周期中，随着该组件的props或者state发生改变，其DOM表现也会有相应的变化。一个组件就是一个状态机，对于特定地输入，它总返回一致的输出。 一个React组件的生命周期分为三个部分：实例化、存在期和销毁时。 实例化 当组件在客户端被实例化，第一次被创建时，以下方法依次被调用：
阅读全文
摘要：一，项目目录 二、1、新建pages包，在pages中新建TodoList.js； 2、新建store包，在store包中新建store.js,reducer.js,actionCreater.js,actionType.js； 3、在public包中新建list.json 三、安装redux,re
阅读全文
摘要：1,默认路由路径为屏保组件 2,render部分，父级加入点击事件 3,点击事件，定时10分钟，无点击屏幕，调到屏保组件中，起到屏保作用
阅读全文
摘要：1.在getInitialState中初始化isloading，初始值false 2. 解决方法： 增加一个加载状态，默认为 false，调用 componentWillMount() 时，设置为 true，当这个加载状态是 true 时，暂不渲染，当回调函数执行完毕后，设置为 false，此时再调
阅读全文
摘要：handleResetClick = e => { this.props.form.resetFields();};
阅读全文
摘要：1 createSwiper1() { 2 var option = { 3 // slidesPerView: 5, 4 slidesPerView: 3, 5 centeredSlides:true, 6 }; 7 if (this.state.newData.length > 2) { 8 o
阅读全文
