wdm891026的博客

前提：使用create-react-app搭建react应用；错误描述：有两个项目，项目A 进行 npm start 后没有Ctrl+C ，也没 npm stop，直接关闭 git bash窗口；当项目B 再次进行 npm start，此时报错：出现something is already running on port 3000；解决办法：方案一：启动任务管理器，在进程中关闭...

react 监听：npm install events --save新建一个 events.js，引入 events 包，并向外提供一个事件对象，供通信时使用：import { EventEmitter } from "events";export default new EventEmitter(); // -----------------A页面---------...

一、使用组件的好处：把公共的功能单独抽离成一个文件作为一个组件，哪里里使用哪里引入。二、父子组件：组件的相互调用中，我们把调用者称为父组件，被调用者称为子组件三、父子组件传值：    3.1 父组件给子组件传值             1. 在调用子组件的时候定义一个属性  <Header msg='首页' all={this}></Header>  ...

/* react路由的配置： 1、找到官方文档 https://reacttraining.com/react-router/web/example/basic 2、安装 cnpm install react-router-dom --save 3、找到项目的根组件引入react-router-dom import { BrowserRout...

1.封装的组件如下： import React, { Component } from 'react';import { Input } from "antd";class InputE extends Component { handleChange =(e) =>{ // console.log(e.target.value); const obj={}...

现象：从页面A跳转到页面B，页面A滑动到中间位置，跳转后页面B也会在中间位置需求： 页面A无论是否发生滚动，点击跳转到页面B都应该是置顶的解决方案：window.scrollTo(0, 0)// 要跳转到的新页面-页面Bclass Detail extends Component { constructor(props) { super(props); ......

// 存储变量@observable detail= {};// 请求接口@actionasync searchD(sysId, obj) {this.statisticLoading = true;      // loading 以防异步加载渲染时数据还没取到try {    const res = await ApiService.searchDtail(obj)...

前言：项目开发过程中，遇到有多个环形图，通过map生成后，发现同一段代码遍历出来，竟然大小不一致，但是我在初始化生成图表时设置过了大小，百度一番也没找到类似的问题，代码如下：后来发现每个环形图具体大小不一致，于是猜想应该有一个参数可以设置具体大小，果不其然，添加了一个size：180 参数之后，所有环形图终于一样大了：...

// 设置初始默认值this.state：{    btnClassName：' ',    btnClassNameArry: [ ],}// 选中button，多选handleSelect = (itemChild) => {const { btnClassNameArry } = this.state;// 如果点击的在数组中已经存在，则从数组删除，否则...

1. 获取筛选框数据；2.将数据取出来放到一个数组// 库名筛选框存储getControl = (contrName) => {   const name = contrName.map(item => [item.libraryName, item.libraryCode]);   return Array.from(      name.map(item...

现象：一个表格，数据有37条，每页显示10条，第1页显示正常； 当我点击第二页时，也正常；点击第三页，数据变多，不止一页10条，第四页也是更多，返回第一页，第一页也有几十条。。。排查：第一步：查看网络请求，没问题第一页请求{pageNum: 1, pageSize: 10},返回数据 10条；第二页请求{pageNum: 2, pageSize: 10},返回数据 10条；第三...