react
strive涛
一直致力于前端技术的学习,时刻努力着
展开
-
antd Menu 自动打开二级菜单(异步获取数据)
注释: 要用openKeys,然后onOpenChange修改数据原创 2019-11-13 19:18:15 · 2674 阅读 · 0 评论 -
react之装饰器的安装及使用
装饰器的作用:不学不知道,一学吓一跳。装饰器到底有什么用呢?它用处可就大了,一句话总结就是它是先走的,它放在谁的头上都是先执行装饰器函数然后再指定当前的函数,那么装个装饰器就可以对对象中的state,props进行修改,直接影响就是展示效果,create-react-app默认不支持装饰器的,需要做以下配置。1.运行npm run eject,暴露项目的配置项,如果失败的话,则运行git...原创 2019-10-31 18:00:24 · 1492 阅读 · 0 评论 -
react 之 创建上下文(createContext)
问:创建上下文有什么用呢?答:用于解决组件传值的问题。问:组件传值不是已经存在方法了吗,不就是props传值吗?答:您说的没错,props是可以传值,但是当父亲传值给儿子简单,就一层,如果是父亲传递给孙子,还有孙子的孙子呢?这么多层,是不是每层都得prop传递啊,是不是很乱,而且很累啊,而且很乱,不好写,createContext就是为了解决这个问题的,后面的reducx可能更好点好了,我...原创 2019-10-30 00:40:36 · 2256 阅读 · 0 评论 -
react 之 父子组件传值(看后即懂)
父组件class Data_Reconciliation extends Component { constructor(props) { super(props) this.state = { btnName: '点击', radioValue: 'youyong', // 单选框的值 } ...原创 2019-10-29 14:52:51 · 253 阅读 · 0 评论 -
react之redux详解及例子展示(简单)
(0)初始准备npm install --save reduxnpm install --save react-reduxnpm install --save-dev redux-devtools(1)redux各个参数的相关介绍1.state: 存储数据的仓库2.action: 改变state中数据的方法3.reducer: 就是将state和action联系起来,从而改变st...原创 2019-10-18 17:54:38 · 558 阅读 · 0 评论 -
react跨域解决(create-react-app项目通过)
1.安装 http-proxy-middlewarenpm install http-proxy-middleware2.在src目录下创建setupProxy.js,并加入以下代码const proxy = require(‘http-proxy-middleware’);module.exports = function (app) {app.use(proxy(’/api1’, ...原创 2019-10-17 15:09:55 · 334 阅读 · 0 评论 -
create-react-app创建react脚手架(遇到的问题全解)
(1)node下载及安装http://nodejs.cn/(2)验证是否安装成功node -vnpm -v(3)安装脚手架,这里会自动安装到你的nodejs里面npm install create-react-app -g(4)创建react项目create-react-app react01(项目名)(5)启动项目cd react01npm start问题全解通过...原创 2019-10-16 13:42:29 · 832 阅读 · 0 评论