刘缪_-CSDN博客

原创一图看懂 React 的 setState 的执行步骤

import React, {Component} from 'react';import {Button} from 'antd';class App extends Component { constructor(props) { super(props); this.state = { content: 0 } } addClick = () => { this.setSt.

2021-08-11 20:39:23 440

原创 axios禁用缓存

export const loadHomeList = params => ({ type: LOAD_HOME_LIST, payload: { request: { url: '/goodExample/getGoodExample.do', params, }, }, // 禁用缓存 headers: { 'Cache-Control': 'no-cache' },});

2022-01-05 11:05:09 1774

/* * 启用 * */ const clickEnable = async (fileSource, examId) => { const { payload: { data: { result_code: code, result_msg: msg } } } = await deleteOrDisableFN( { requestType: 'app', userType: 'gtmc', ...

2022-01-05 09:09:48 142

原创代理type = file

const chartNameFN1 = () => { console.log('0000', uploadRef1); prompt( '输入图片名字', '', [ { text: '取消' }, { text: '确定', onPress: imgName => { if (imgName.trim() === '') { ...

2021-12-24 12:52:22 469

原创 hooks防抖

import React, {useEffect, useState} from 'react'import {InputItem} from 'antd-mobile'export default function Index() { const fn = () => { console.log(66666666) } const [A, setA] = useState(0) useEffect(() => {

2021-12-20 14:56:41 241

原创动态生成受控组件

/** UI 真因* */import React, { useEffect, useMemo, useState } from 'react';import { // eslint-disable-next-line no-unused-vars WingBlank, Flex, TextareaItem, InputItem, Button,} from 'antd-mobile';import { connect } from 'react-redux';import Prop

2021-11-27 16:38:12 317

原创动态生成受控组件 class -v0.1

classimport React, {Component} from 'react'let i = 0class Index extends Component { constructor(props) { super(props) this.state = { numm: [ { name0: 123, },

2021-11-22 16:49:42 293

原创解决json Server报错Cannot read property ‘id‘ of undefined

问题原因: 以前PUST提交时未携带id报错内容:TypeError: Cannot read property 'id' of undefined解决方案在db.json中删除已经PUST的内容为db.json中已经提交的内容添加id属性更改请求体携带的属性和上次一样...

2021-10-14 11:13:50 1257

原创 Modal对话框的_对象方式创建虚拟Dom

Modal对话框的_对象方式创建虚拟Dom优点:和直接使用jsx相比好传值今天在写弹出层时传参比较复杂被卡住了,就研究了一下Modal对话框的_对象方式创建虚拟Dom的方法atnD的对话框除了基础用法用的是jsx其他的都是对象方法创建的弹出层dom对比两张图像不像?..熟悉虚拟dom的肯定能看出来再看一下confirm(ctrl+Q)-这我更加确定了,modal使用了React.createElement基于不好传参这一块我最近几天找个时间录个视频,写类似antD的这种方法创建的组件

2021-09-23 21:08:19 190

原创 react运行项目当端口被占用直接打开新端口

四步解决react烦人的端口提示a.运行 yarn eject 暴露webpack配置b.打开文件 node_modules/react-dev-utils/WebpackDevServerUtils.jsc.找到 choosePort 函数 (大概在449行)d.替换 choosePort function choosePort(host, defaultPort) { return detect(defaultPort, host).then( port =&

2021-09-02 17:53:06 689

原创一图看懂 vue的v-model语法糖 && react的受控组件

vue的v-model语法糖 vue学习笔记这不就是一毛一样的数据双向绑定吗vue<template> <div class="VModel"> v-model 语法糖 <input type="text" @change="txt=$event.target.value" :value="txt" > </div&g

2021-09-01 10:56:39 409 1

原创一图看懂最——简单——的Hooks案列

源码import React, {useState} from "react";function HiHooks() { const [count, setCount] = useState(20) let myUseState = useState(100) let myCount = myUseState[0] let mySetCount = myUseState[1] return ( <div> ..

2021-08-17 11:37:00 115 1

原创最_简单_的redux

最___简单___的redux1, store类似于老板src/redux/store.js/** 该文件专门用于暴露-一个store对象，整个应用只有一- 个store对象*///引入createStore,专门用于创建redux中最为核心的store对象import {createStore} from 'redux'//引入为Count组件服务的reducerimport countReducer from './app_reducer'console.log(123)

2021-08-12 15:40:38 94

原创 React最——简单——的类组件

最——简单——的类组件看图2. 上代码import React from 'react';import ReactDOM from 'react-dom';class Demo extends React.Component{ render() { console.log('我是Demo的实例组件的render方法') console.log(this) return <h1>我是Demo的实例组件的render方法&lt

2021-08-11 22:10:23 79

原创 React最--- 简单 ---的组件 (函数)

函数式组件1 声明一个函数2 在函数里 return 一个 <h1>3 上代码function Demo() { return <h1>哈哈哈哈</h1>}ReactDOM.render( <Demo/>, document.getElementById('root'));

2021-08-11 21:26:35 74

原创前端调用本地应用(windows) , 类似于百度网盘(浏览器链接)唤起已安装的软件

用js实现打开本地软件注意我图片画框的地方源码1,创建注册表文件(创建文本文档文件,后面再改后缀名)2,编辑文本内容Windows Registry Editor Version 5.00[HKEY_CLASSES_ROOT\myprotocol]@="myprotocol Protocol""URL Protocol"=""[HKEY_CLASSES_ROOT\myprotocol\DefaultIcon]@="D:\\Program Files (x86)\

2021-07-27 10:50:47 2868

原创解决 React的 typeerror: Cannot add property updater, object is not extensible

活不多说直接上报错1，看那份报错代码import React from 'react'export default class Test extends React.Component { constructor(props) { super(props); this.state = {value: ''}; return ( <input type="text" onChange={this.handleCh

2021-06-27 22:26:32 7492 3

原创 js垃圾机制简介

login页面10、为input输入框添字体图标a、使用阿里图标库[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-vZXZzDdq-1618455871405)(img.png)]b、在main.js文件中导入fonts文件中的iconfont.css要在main.js入口文件中导入js和css以及其他文件的本质原因:为webpack打包准备好路径!否则webpack不知道要打包哪些文件![外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img

2021-06-24 22:18:27 126

TA关注的人

qq_45524401的博客