React
文章平均质量分 74
Moshow郑锴
Powered by Core iMoshow
展开
-
React之useEffect处理多个useState
Background最近项目需要用到React.js的知识,做个web tagging的功能,需要针对按钮和一些变量的变化进行触发,于是需要用到useEffect处理多个useState的解决方法。假设:有type和status两个变量,如果同时触发,如果单独触发,执行不同的功能useState定义const [type, setType] = useState(‘支付宝’);const [status, setStatus] = useState(‘全部’);useEffect处理原创 2022-04-17 23:49:09 · 2732 阅读 · 0 评论 -
React Hook入门
什么是React Hook?Hook (钩子)是 React 16.8 的新增特性。它可以让你在不编写 class的情况下使用 state 以及其他的 React 特性。Hook 是一个特殊的函数,它可以让你“钩入” React 的特性。例如,useState 是允许你在 React 函数组件中添加 state 的 HookState Hook , useStateEffect Hook , useEffect为什么会有 Hooks?在 Hooks 出现之前,类组件和函数组件的分工一般是这样原创 2022-03-30 23:23:45 · 805 阅读 · 0 评论 -
node中安装yarn(nodejs Yarn替代npm包管理) +设置阿里云镜像加速
什么是Yarn?Yarn是Facebook公司出品的用于管理nodejs包的一款软件,开发过nodejs的同学应该知道,我们一般都使用npm作为我们nodejs项目的模块管理器,但npm有一些历史遗留问题:极其快速。Yarn 会缓存它下载的每个包,所以无需重复下载。它还能并行化操作以最大化资源利用率,安装速度之快前所未有。特别安全。Yarn会在每个安装包被执行前校验其完整性。超级可靠。...原创 2019-12-02 22:49:48 · 8148 阅读 · 0 评论 -
React教程之十分钟入门Redux(react-redux-starter)
前言网上的教程的确很多,也很杂乱,看了半天,redux的都没讲清楚什么,概念都有点生硬,这里经过转换一下概念和简单的demo实战,希望可以帮助大家更好的理解Redux。一开始肯定所有人都有疑问,究竟什么是redux action reducer store?什么是Redux官方解释:Redux is a predictable state container for JavaScript ...原创 2019-06-28 12:07:16 · 2100 阅读 · 0 评论 -
JavaScript之经典闭包问题
闭包返回函数不要引用任何循环变量,或者后续会发生变化的变量。=. =如果一定要引用循环变量怎么办?方法是再创建一个函数,用该函数的参数绑定循环变量当前的值(函数作为返回值),形成闭包,无论该循环变量后续如何更改,已绑定到函数参数的值不变。DEMO1function count() { var arr = []; for (var i=1; i<=3; i++) ...原创 2019-06-24 11:06:13 · 622 阅读 · 0 评论 -
十分钟入门Express(react-express-starter)
什么是 Express?Node 本身并不支持其它常见的 web 开发任务。如果需要进行一些具体的处理,比如运行其它 HTTP 动词(比如 GET、POST、DELETE 等)、分别处理不同 URL 路径的请求(“路由”)、托管静态文件,或用模板来动态创建响应,那么可能就要自己编写代码了,亦或使用 web 框架,以避免重新发明轮子。Express 是最流行的 Node 框架,是许多其它流行 N...原创 2019-06-24 10:17:21 · 1284 阅读 · 0 评论 -
JavaScript与ECMAScript、ES6、TypeScript的关系
前言经常听别人说JavaScript、ECMAScript、ES6、TypeScript,但是你知道他们是什么关系吗?JavaScript要了解JavaScript,我们首先要回顾一下JavaScript的诞生——在上个世纪的1995年,当时的网景公司正凭借其Navigator浏览器成为Web时代开启时最著名的第一代互联网公司。由于网景公司希望能在静态HTML页面上添加一些动态效果,于是叫...原创 2019-06-21 22:34:21 · 3875 阅读 · 0 评论 -
React Self-Interview之常规知识点整理
初级React是哪个公司贡献的开源软件当然是facebook啦state 和 props 有什么区别state是自身的状态修改会导致组件重新渲染,只能再constructor中初始化,用于保存控制和修改自己的状态.props是外部传进来的参数,一般用于父传子,不可变,不会主动渲染什么是JSXJSX是JavaScript一种扩展语法,就是把 HTML 模板直接嵌入...原创 2019-06-25 16:02:35 · 464 阅读 · 0 评论 -
React教程之create-react-app+webpack打包运行项目(react-webpack-starter)
Why Webpack?兼容 CommonJS & AMD & ES6 模組規範Bundle 效率高JS 擴充語法的編譯自動化 (JSX, Coffee Script, TypeScript…)編譯 sass, less將資源 (css, img, font…) 包入 JS 內JS 程式碼分散封裝可用的擴充 plugin 很多Install webpack直接...原创 2019-06-17 18:29:12 · 4359 阅读 · 0 评论 -
React中state和props有什么区别
propsprops是一个从外部传进组件的参数,主要作为就是从父组件向子组件传递数据,它具有可读性和不变性,只能通过外部组件主动传入新的props来重新渲染子组件,否则子组件的props以及展现形式不会改变。statestate的主要作用是用于组件保存、控制以及修改自己的状态,它只能在constructor中初始化,它算是组件的私有属性,不可通过外部访问和修改,只能通过组件内部的this.s...原创 2019-06-25 14:58:18 · 860 阅读 · 0 评论 -
React教程之react-router路由(create-react-app+webpack+route)
What’s React-RouterReact Router 是一个基于 React 之上的强大路由库,它可以让你向应用中快速地添加视图和数据流,同时保持页面与 URL 间的同步。前言继续上一篇文章的延续<<React教程之create-react-app+webpack打包运行项目(react-webpack-starter)>>https://blog.csd...原创 2019-06-19 15:28:28 · 4216 阅读 · 1 评论 -
React教程之使用create-react-app构建你的第一个react应用
What’s React?React 是 facebook 開發的一個 JS 函式庫,負責產生與管理前端的 UI 。它並不算框架。Why React?用純 JS 在前端產生 HTML (一般來說是在後端產生 HTML 送到前端)使用 Virtual DOM,重繪時效率高自定義 Component,組件化方式,方便開發父子 Component 閒可透過 props 通訊,内部可透過st...原创 2019-06-14 14:37:14 · 25624 阅读 · 0 评论