Tsunami黄嵩粟 - 博客园

2021年4月30日

摘要：网址：https://react-redux.js.org/ React-Redux是Redux的官方针对React开发的扩展库，默认没有在React项目中安装，需要手动来安装。react-redux是依赖于redux所以你必须安装redux 你可以理解为react-redux就是redux给我们提阅读全文

posted @ 2021-04-30 11:37 Tsunami黄嵩粟阅读(69) 评论(0) 推荐(0)

2021年4月29日

状态管理(redux)

摘要： https://www.redux.org.cn/ 2013年 Facebook 提出了 Flux 架构的思想，引发了很多的实现。2015年，Redux 出现，将 Flux 与函数式编程结合一起，很短时间内就成为了最热门的前端架构。简单说，如果你的UI层非常简单，没有很多互动，Redux 就是不必阅读全文

posted @ 2021-04-29 15:24 Tsunami黄嵩粟阅读(199) 评论(0) 推荐(0)

memo(自带)

摘要： React.memo()是一个高阶函数，它与 React.PureComponent类似，但是一个函数组件而非一个类。如果你的组件在相同 props的情况下渲染相同的结果，那么你可以通过将其包装在 React.memo 中调用，以此通过记忆组件渲染结果的方式来提高组件的性能表现。这意味着在这种情况下阅读全文

posted @ 2021-04-29 15:06 Tsunami黄嵩粟阅读(86) 评论(0) 推荐(0)

memoization(计算属性-记忆组件)

摘要：连续两次相同传参，第二次会直接返回上次的结果，每次传参不一样，就直接调用函数返回新的结果，会丢失之前的记录，并不是完全记忆，可以在它的参数中传入state数据从而实现了类似Vue中的计算属性功能 # 安装 npm i -S memoize-one # 引入 import memoizeOne fro 阅读全文

posted @ 2021-04-29 15:04 Tsunami黄嵩粟阅读(124) 评论(0) 推荐(0)

react 装饰器

摘要：使用装饰器定义装饰器是一种函数，写成 @函数名。它可以放在类和类方法的定义前面。react脚手架创建的项目默认是不支持装饰器，需要手动安装相关模块和添加配置文件。安装相关模块 npm i -D customize-cra react-app-rewired 修改package.json文件中sc 阅读全文

posted @ 2021-04-29 11:49 Tsunami黄嵩粟阅读(332) 评论(0) 推荐(0)

2021年4月28日

react 高阶函数

摘要： HOC(Higher Order Components)就是一个函数，传给它一个组件，它返回一个新的组件。高阶组件：就相当于手机壳，通过包装组件，增强组件功能。实现步骤：首先创建一个函数指定函数参数，参数应该以大写字母开头在函数内部创建一个类组件，提供复用的状态逻辑代码并返回在该组件中，阅读全文

posted @ 2021-04-28 16:44 Tsunami黄嵩粟阅读(302) 评论(0) 推荐(0)

REACT 前端界面提交

摘要：在react项目中安装代理中间件 setupProxy.js文件 const { createProxyMiddleware: proxy } = require('http-proxy-middleware') module.exports = app => { app.use('/v1', pr 阅读全文

posted @ 2021-04-28 16:21 Tsunami黄嵩粟阅读(92) 评论(0) 推荐(0)

node写接受

摘要：选择数据库类型:mongodb 定义用户集合的字段(域): 用户名密码性别爱好(多选) 简介 npm i -S express mongoose 在项目中连接mongodb服务 index.js文件 const mongoose = require('mongoose') const HOST 阅读全文

posted @ 2021-04-28 15:45 Tsunami黄嵩粟阅读(85) 评论(0) 推荐(0)

react的反向代理

摘要：在配置在src文件夹中setupProxy.js文件，并通过npm安装http-proxy-middleware,代理中间件模块 npm i -S http-proxy-middleware 配置反向代理 // 模块化环境是commonjs规范 webpack devServer配置环境 // 此文阅读全文

posted @ 2021-04-28 15:19 Tsunami黄嵩粟阅读(216) 评论(0) 推荐(0)

react 网络请求 axios

摘要： react中通过npm来安装axios扩展 cnpm i -S axios 发起请求 import React, { Component } from 'react' import axios from 'axios' export default class App2 extends Compon 阅读全文

posted @ 2021-04-28 15:17 Tsunami黄嵩粟阅读(100) 评论(0) 推荐(0)