qq_45378970的博客

1.安装http-proxy-middleware依赖 安装: npm install http-proxy-middleware -S 2.在src文件夹中创建setupProxy.js文件 setupProxy.js 文件内容 const proxy = require("http-proxy-middleware"); module.exports = function(app){ /* app.use("自定义url".proxy({ })) */ app.use("/miaov"

状态存储reduxredux是什么?redux工作流程什么情况下使用redux?redux核心apiredux三个核心概念 redux是什么? 1.redux 是一个独立专门用于做状态管理的 JS 库(不是 react 插件库) 2.它可以用在 react, angular, vue 等项目中, 但基本与 react 配合使用 3.作用: 集中式管理 react 应用中多个组件共享的状态 redux工作流程 什么情况下使用redux? 1.总体原则: 能不用就不用, 如果不用比较吃力才考虑使用 2.某个

生命周期 生命周期即是组件从实例化到渲染到最终从页面中销毁，整个过程就是生命周期，在这生命周期中，我们有许多可以调用的事件，也俗称为钩子函数 生命周期的3个状态： Mounting:将组件插入到DOM中(挂载) Updating:将数据更新到DOM中(更新) Unmounting:将组件移除DOM中(销毁) 生命周期中的钩子函数（方法，事件） CompontWillMount :组件将要渲染，AJAX，添加动画前的类 CompontDidMount:组件渲染完毕,添加动画 compontWillRe

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 --save 2、配置 npm run eject 3.Packjson配置 "babel":&nbsp

react事件 特点： 1.react事件，绑定事件的命名，驼峰命名法。 2.{},传入1个函数，而不是字符串 <button onClick={this.sendData}>传递helloworld给父元素</button> 事件对象：React返回的事件对象是代理的原生的事件对象，如果想要查看事件对象的具体值，必须之间输出事件对象的属性。 注意： 原生，阻止默认行为时，可以直接返回return false； React中，阻止默认必须e.preventDefault();

React路由 根据不同的路径，显示不同的组件（内容）；React使用的库react-router-dom; 安装: Cnpm install react-router-dom --save react三大组件 ReactRouter三大组件： Router：所有路由组件的根组件（底层组件），包裹路由规则的最外层容器。 属性：basename->设置跟此路由根路径，router可以在1个组件中写多个。 Route:路由规则匹配组件，显示当前规则对应的组件 Link:路由跳转的组件 注意：如果要精

props实现通信 父传递给子组件数据，单向流动，不能子传递给父。 props的传值，可以是任意的类型。 注意：props可以传递函数，props可以传递父元素的函数，就可以去修改父元素的state,从而达到传递数据给父元素。 父传子 class ParentCom extends React.Component{ constructor(props){ super(props) this.state = { isActive:true

React 是什么？ 一个用于构建用户界面的 JavaScript 库 中文手册：https://react.docschina.org/ 命令式编程 和 声明式编程 告诉计算机怎么做（How） - 过程 告诉计算机我们要什么（What） - 结果 如何使用 React 基于浏览器的模式 React.js 提供 React.js 核心功能代码，如：虚拟 dom，组件 React.createElement(type,props,children); ReactDOM 提供了与浏览器交互的 DOM