![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
是小王啊i
沉淀
展开
-
谈谈react如何解决Ajax跨域问题
1.安装http-proxy-middleware依赖安装:npm install http-proxy-middleware -S2.在src文件夹中创建setupProxy.js文件setupProxy.js 文件内容const proxy = require("http-proxy-middleware");module.exports = function(app){/*app.use("自定义url".proxy({ }))*/ app.use("/miaov"原创 2020-12-09 14:29:21 · 298 阅读 · 0 评论 -
什么是redux?redux概念及应用
状态存储reduxredux是什么?redux工作流程什么情况下使用redux?redux核心apiredux三个核心概念redux是什么?1.redux 是一个独立专门用于做状态管理的 JS 库(不是 react 插件库)2.它可以用在 react, angular, vue 等项目中, 但基本与 react 配合使用3.作用: 集中式管理 react 应用中多个组件共享的状态redux工作流程什么情况下使用redux?1.总体原则: 能不用就不用, 如果不用比较吃力才考虑使用2.某个原创 2020-12-09 14:29:03 · 7518 阅读 · 0 评论 -
谈谈react生命周期那点事
生命周期生命周期即是组件从实例化到渲染到最终从页面中销毁,整个过程就是生命周期,在这生命周期中,我们有许多可以调用的事件,也俗称为钩子函数生命周期的3个状态:Mounting:将组件插入到DOM中(挂载)Updating:将数据更新到DOM中(更新)Unmounting:将组件移除DOM中(销毁)生命周期中的钩子函数(方法,事件)CompontWillMount :组件将要渲染,AJAX,添加动画前的类CompontDidMount:组件渲染完毕,添加动画compontWillRe原创 2020-12-08 09:18:50 · 72 阅读 · 0 评论 -
React按需加载,提升性能
react如何实现按需加载Ant蚂蚁框架安装使用:cnpm install antd-mobile --save全部导入样式和js:import { Button } from 'antd-mobile';import 'antd-mobile/dist/antd-mobile.css'; 按需要导入:1、安装插件cnpm install babel-plugin-import --save2、配置npm run eject3.Packjson配置"babel": 原创 2020-12-08 09:18:29 · 182 阅读 · 0 评论 -
一起来聊聊react事件
react事件特点:1.react事件,绑定事件的命名,驼峰命名法。2.{},传入1个函数,而不是字符串<button onClick={this.sendData}>传递helloworld给父元素</button>事件对象:React返回的事件对象是代理的原生的事件对象,如果想要查看事件对象的具体值,必须之间输出事件对象的属性。注意:原生,阻止默认行为时,可以直接返回return false;React中,阻止默认必须e.preventDefault();原创 2020-12-07 09:35:58 · 119 阅读 · 0 评论 -
react路由那点事
React路由根据不同的路径,显示不同的组件(内容);React使用的库react-router-dom;安装:Cnpm install react-router-dom --savereact三大组件ReactRouter三大组件:Router:所有路由组件的根组件(底层组件),包裹路由规则的最外层容器。属性:basename->设置跟此路由根路径,router可以在1个组件中写多个。Route:路由规则匹配组件,显示当前规则对应的组件Link:路由跳转的组件注意:如果要精原创 2020-12-07 09:35:21 · 120 阅读 · 0 评论 -
谈谈react如何实现父子通信
props实现通信父传递给子组件数据,单向流动,不能子传递给父。props的传值,可以是任意的类型。注意:props可以传递函数,props可以传递父元素的函数,就可以去修改父元素的state,从而达到传递数据给父元素。父传子class ParentCom extends React.Component{ constructor(props){ super(props) this.state = { isActive:true原创 2020-12-06 19:43:11 · 164 阅读 · 0 评论 -
react入门学习
React 是什么?一个用于构建用户界面的 JavaScript 库中文手册:https://react.docschina.org/命令式编程 和 声明式编程告诉计算机怎么做(How) - 过程告诉计算机我们要什么(What) - 结果如何使用 React基于浏览器的模式React.js 提供 React.js 核心功能代码,如:虚拟 dom,组件React.createElement(type,props,children);ReactDOM 提供了与浏览器交互的 DOM原创 2020-12-06 19:10:34 · 88 阅读 · 0 评论