随笔分类 - react
摘要：ReactHook父组件调用子组件的方法，且子组件用了connect 子组件 1、引入useImperativeHandle, forwardRef 2、子组件由function改成let，接收prop和ref,并从props中结构出refInstance 3、用useImperativeHandl
阅读全文
摘要：https://blog.csdn.net/weixin_38292069/article/details/85005443
阅读全文
摘要：https://blog.csdn.net/hx_programmer/article/details/121294258
阅读全文
摘要：零 背景 最近在做一个音视频会议网站，因为要调用摄像头，所以要把http转成https,所以用了nginx,这里记录下 一。http转https server{ listen 8221 ; server_name localhost; ssl on; ssl_certificate key/serv
阅读全文
摘要：react初学练手五子棋 一、项目说明 先贴一个官方连接：https://react.docschina.org/tutorial/tutorial.html 1.被白棋普通规则，三点一线获胜。 2.记录下棋的历史步骤，且可点击回退到某一历史脚步。 3.每次给出提示：下一个谁出子。 4.在游戏历史记
阅读全文
摘要：检验公用方法模板示例 validate.js 方法.js代码 // 验证唯一 list的key值是否包含val list[key]包含val? function validateOnly(key, val, text, list) { for (let i = 0; i < list.length;
阅读全文
摘要：react组件方法传递 组件.js 代码部分（完整） import React, { Component } from 'react' import '../assets/fonts/iconfont.css'//图标样式 import '../assets/styles/boxList.less'
阅读全文
摘要：下载iconfont到项目 零、前言 当我们做项目时，往往会需要用到一些小图标，而这些小图标，经常是去iconfont里找，下面简单介绍下如何把iconfont下载到自己的项目。 首先贴出iconfont官网网址： https://www.iconfont.cn/ 一、在普通项目的使用方法 1、打开
阅读全文
摘要：关于BrowserRouter和HashRouter的选择 选择Hashrouter,是因为打包不会出错，但是在使用时，要加上#。如【HTTP://111.111.111.111/#/index】
阅读全文
摘要：原文链接：https://www.jianshu.com/p/7ad7ab2745af react路由带值跳转 一、params传参 1、在路由配置中以/：的方式评接参数标识 2、在路径后面将参数评接上(/参数) 3、在被跳转页使用this.props.match.params.xxx(此处为id)
阅读全文
摘要：原文连接：https://blog.csdn.net/weixin_45540478/article/details/114378389 react路由跳转不刷新 1.路由页面 2.组件页面
阅读全文
摘要：url传递参数 url的加码和解码 encodeURI decodeURI 加码 encodeURI const sendData = { boxId: this.state.boxIdMessage[0].boxId, flag: "add", from: 'boxMessage' } let j
阅读全文
摘要：把react打包成app的方法以及app打包下载 一.关于react代码如何运行为APP（测试） 1.先用手机开启网络共享 将电脑和手机连接在同一网段 2.运行代码 获取地址 http://xxx.xxx.xxx.xxx，例如我的是http://192.168.42.103:3000 3.在vsco
阅读全文
摘要：原文连接1：https://segmentfault.com/a/1190000019357253 原文连接2：https://www.jianshu.com/p/5bed07073ddd create-react-app 多页面 方法1 https://github.com/maoguijun/m
阅读全文
摘要：原文连接：https://blog.csdn.net/debruyne/article/details/70313371 一、获取url内容 //设置或获取对象指定的文件名或路径。 alert(window.location.pathname); //设置或获取整个 URL 为字符串。 alert(
阅读全文
摘要：原文连接：https://www.jianshu.com/p/b4874462916c 在react中定义、使用全局变量 1.定义 新建一个js文件，写如下代码，定义全局变量 #例如起一个文件名为globalData.js global.全局变量名称= { aaa:'111', bbb:[]', }
阅读全文
摘要：使用antDesignMobile 一、安装 yarn add antd-mobile@2.3.4 二、加载样式 在index.js里面加载样式 三、使用
阅读全文
摘要：react重置样式 一、安装 yarn add normalize.css 二、配置页面基础父元素高度为100% 在 src/assets/styles/core.less 中 @charset 'utf-8'; html,body,#root{height:100%} 三、在index.js下应用
阅读全文
摘要：react集成less环境 一、解包脚手架 yarn ejecy 或者 npm run eject 注意：eject之前要提交需要提交的git 不然会报错 解包之后重新启动项目 若发现报错 cant not find module'@babel/plugin-transform-react-jsx'
阅读全文
摘要：react项目创建 前言 react项目用脚手架创建完 还会有很多不要的东西 有很多需要却没有的东西 所以npx create-react-app name之后 还要进行相关操作 一、脚手架创建 1.进入项目大目录 2.脚手架创建 npx create-react-app xiangmuname 二
阅读全文
浙公网安备 33010602011771号