React16+Redux&React Hooks - 随笔分类(第2页) - GumpYan

Redux的三个坑

该文被密码保护。

posted @ 2020-07-08 23:37 GumpYan 阅读(0) 评论(0) 推荐(0)

Redux制作TodoList删除列表

该文被密码保护。

posted @ 2020-07-02 23:26 GumpYan 阅读(0) 评论(0) 推荐(0)

Redux制作TodoList增加列表

该文被密码保护。

posted @ 2020-07-02 23:19 GumpYan 阅读(3) 评论(0) 推荐(0)

通过input体验Redux流程

该文被密码保护。

posted @ 2020-07-02 10:55 GumpYan 阅读(0) 评论(0) 推荐(0)

创建Redux中的仓库-store和reducer

该文被密码保护。

posted @ 2020-07-01 17:28 GumpYan 阅读(6) 评论(0) 推荐(0)

Ant Design制作UI界面

摘要：1.安装 2.制作一个TodoList 在使用Ant Design时，第一件事就是先引入CSS样式，有了样式才可以让UI组件显示正常。可以直接在/src/TodoList.js文件中直接用import引入。 index.js import React from 'react'; import Rea 阅读全文

posted @ 2020-07-01 17:01 GumpYan 阅读(1213) 评论(0) 推荐(0)

安装Simple React Snippets

摘要：安装阅读全文

posted @ 2020-07-01 00:13 GumpYan 阅读(182) 评论(0) 推荐(0)

Redux-介绍&工作流程

摘要：1.Redux介绍（数据层框架） React视图层框架 Redux是一个用来管理数据状态和UI状态的JavaScript应用工具。随着JavaScript单页应用（SPA）开发日趋复杂，JavaScript需要管理比任何时候都要多的state（状态），Redux就是降低管理难度的。（Redux支持R 阅读全文

posted @ 2020-06-30 19:11 GumpYan 阅读(311) 评论(0) 推荐(0)

React数据请求-axios

摘要：1.安装axios Axios的安装可以使用npm来进行安装，你可以直接在项目根目录下，输入下面的代码。输入后就可以正在的开始安装了。引入后，可以在componentDidMount生命周期函数里请求ajax，我也建议在componentDidMount函数里执行，因为在render里执行，会阅读全文

posted @ 2020-06-30 08:08 GumpYan 阅读(187) 评论(0) 推荐(0)

React生命周期-改善程序性能

摘要：Xiao.jx存在性能问题是的，Xiao.js组件已经写的很熟悉了，但是它有一个性能问题，我一直没告诉你，那就是子组件XiaoItem频繁无用渲染render。如何能看出这个问题的那？首先你要确认你安装了React Developer Tools 如果你没有安装，可以到前边的课程学习一下安装。有阅读全文

posted @ 2020-06-30 07:55 GumpYan 阅读(125) 评论(0) 推荐(0)

React生命周期

摘要：1.React生命周期这张图可以看到React生命周期的四大阶段 Initalization:初始化阶段 Mounting:挂载阶段 Updation:更新阶段 Unmounting:销毁阶段 2.什么是生命周期函数？生命周期函数指在某一时刻组件会自动调用执行的函数 render()函数，就是一阅读全文

posted @ 2020-06-29 23:20 GumpYan 阅读(220) 评论(0) 推荐(0)

propTypes校验传递的值&ref属性的使用

摘要：1.propTypes 父子组件传值都是需要进行校验的，用propTypes 父组件向子组件传值，则在子组件中引入在类的外部进行校验校验属性和类型子组件XiaoItem.js 2.ref属性的使用在计算ul下面有几个项的时候遇到的坑可以将ul绑定属性可以看到左边的是3项，但是右边打印出来阅读全文

posted @ 2020-06-29 15:33 GumpYan 阅读(167) 评论(0) 推荐(0)

单向数据流

摘要：1.单向数据流父组件传递给子组件过去的，不能修改的，只能使用 Xiao.js XiaoItem.js 可以看到页面报错：阅读全文

posted @ 2020-06-29 15:06 GumpYan 阅读(255) 评论(0) 推荐(0)

Component组件拆分&父子组件的传值

摘要：1.Component组件拆分将原来的列表拆分成一个子组件，形成父子组件（父组件：Xiao.js；子组件：XiaoItem.js）拆分： Xiao.js中： XiaoItem.js中： 2.父子组件的传值父组件向子组件传值，通过属性传值如果我要删除一个元素，即子组件要向父组件传值 React 阅读全文

posted @ 2020-06-29 14:20 GumpYan 阅读(368) 评论(0) 推荐(0)

JSX语法遇到的一些坑

摘要：1.在JSX中写注释 ctrl+/ 2.class陷阱如果要使用样式，则应该是className 错误写法正确写法： 3.对页面中html标签解析 4.加label与输入框input对应要用htmlFor，为了与jsx中的for循环避开阅读全文

posted @ 2020-06-29 11:22 GumpYan 阅读(289) 评论(0) 推荐(0)

第一个实例-输入框输入，动态增加，删除

摘要：1.新建一个组件Xiao.js import React, {Component} from "react"; class Xiao extends Component { render() { return ( <div> <div><input /> <button>增加</button></d 阅读全文

posted @ 2020-06-29 10:23 GumpYan 阅读(492) 评论(0) 推荐(0)

组件化开发&JSX语法&第一个实例

摘要：1.组件化开发-最基本的helloworld 项目结构 index.js import React from "react"; import ReactDOM from "react-dom"; import App from './App'; ReactDOM.render(<App />, do 阅读全文

posted @ 2020-06-29 09:44 GumpYan 阅读(235) 评论(0) 推荐(0)

React简介，开发环境搭建，项目结构目录

摘要：1.简介 2.node 安装 http://nodejs.cn/download/ 下载安装，一路next就可以了安装完成后检测这样就代表node安装完成 3.安装react官方脚手架工具 npm instsall -g create-react-app 用react脚手架创建一个项目目录创建阅读全文

posted @ 2020-06-29 06:45 GumpYan 阅读(246) 评论(0) 推荐(0)

React export和export default的区别

摘要：es6中export和export default的区别 export与export default均可用于导出常量、函数、文件、模块你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式，将其导入，以便能够对其进行使用在一个文件或模块中，export、impo 阅读全文

posted @ 2020-06-23 17:00 GumpYan 阅读(1701) 评论(0) 推荐(0)

react-redux & 使用useSelector useDispatch 替代connect

该文被密码保护。

posted @ 2020-06-23 16:57 GumpYan 阅读(15) 评论(0) 推荐(0)

Gump Yan

随笔分类 - React16+Redux&React Hooks

公告