
React
前端筱园
专注于前端技术领域,定期分享个人原创作品
个人网站:www.dengzhanyong.com
微信公众号:【前端筱园】不错过我的每一篇推送
展开
-
React & Render Props
话不多说,直接从一个例子开始,点击元素,为当前元素随机改变一种背景色import React, { useState } from 'react';const ChangeBgColor = (props) => { const [color, setColor] = useState('#fff'); const randomNumber = () => { return Math.floor(Math.random() * 255); };原创 2020-11-14 13:54:35 · 261 阅读 · 0 评论 -
让你在不编写 class 的情况下使用 state 以及其他的 React 特性【React hook】
Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。那么,什么是 Hook?Hook 是一些可以让你在函数组件里“钩入” React state 及生命周期等特性的函数。Hook 不能在 class 组件中使用 —— 这使得你不使用 class 也能使用 React。(不推荐把你已有的组件全部重写,但是你可以在新组件里开始使用 Hook。)什么时候使用 Hook?如果你在编写函数组件并意识到需要向其添加一些 stat原创 2020-07-04 15:16:26 · 701 阅读 · 0 评论 -
初学DvaJS,掌握核心概念后原来如此简单
dva是什么dva 首先是一个基于 redux和 redux-saga的数据流方案,然后为了简化开发体验,dva 还额外内置了 react-router和 fetch,所以也可以理解为一个轻量级的应用框架。dva 是基于现有应用架构 (redux + react-router + redux-saga 等)的一层轻量封装。dva 是 react 和 redux 的最佳实践。最核心的是提供了 app.model 方法,用于把 reducer, initialState, action, saga 封装原创 2020-06-29 20:13:13 · 920 阅读 · 0 评论 -
浅谈react组件
组件化思想vue和react都是现在最火的两大前端框架之一,无论是vue,还是react,他们都采用的是组件化的思想。对于一个前端开发人员来说,组件这个词并不陌生,也可以感受到组件所带来的好处与快感。我就随性的讲讲我个人对组件化思想的看法,组件化并不是前端所特有的,在很多方面都会涉及到。我把它带来的好处分类两个大的方面:把复杂的问题进行拆分,简化问题提高公共内容的复用性,灵活性再通俗易懂的来说,就好比搭积木一样,假如我们需要做一个火车模型,我们会在众多的零散的积木零件中,找到所需要用到的零件,原创 2020-06-17 19:10:28 · 373 阅读 · 0 评论 -
多种解决react中跨域问题方案
在网上看到了多种解决react跨域的方法,但是在实际的项目中并不是所有的方法都是可行的。一、最简单的操作在package.json中加入"proxy": "http://localhost:8000"然后你页面中的请求fetch('/api/userdata/')就会转发到proxy中的地址也就是真实的请求是http://0.0.2.89:7300/api/userdata/...原创 2019-11-13 13:59:37 · 3675 阅读 · 0 评论