react
xinga1016
打工人 人上人
展开
-
create-react-app项目中public文件夹中的资源调用
create-react-app项目中public文件夹中的资源调用原创 2022-09-22 12:00:18 · 1403 阅读 · 1 评论 -
nextJs引用第三方组件问题解决方案
在正常的react项目中是完全可以的,但是我在nextJs中使用时就出现如下错误:ReferenceError: Element is not defined。当我打算使用富文本插件时,最开始使用方式是跟react项目常规使用方式一致直接import进来当作组件使用,如下。网上找解决办法吧,最后根据网上信息自己摸索出一套解决方案,开搞!作为一个第一次使用nextJs小白来说 当时给我整不会了。以上全部解决步骤,运行结果正常。...原创 2022-08-18 16:05:32 · 2036 阅读 · 2 评论 -
react router V5版本 的BrowserRouter,Link跳转不刷新问题
代码】react router V5版本 的BrowserRouter,Link跳转不刷新问题。原创 2022-08-15 15:42:15 · 281 阅读 · 0 评论 -
Antd组件Select中optionFilterProp=“children“问题及解决方案
今天在应用到Select组件时碰到这样一个问题:select利用onSearch进行模糊查询(后端),后端给过来的内容不含有onsearch的value值然后会不展示,组件自动给进行了一层筛选,看图在这里插入图片描述后台数据:后台数据是不止俩条的,组件做了自动筛选,这并不是要的结果,起初我想着将optionFilterProp="children"属性注释掉,结果出现另一个问题:以上即是我碰到的问题,后面去官网找办法发现optionFilterProp还有一个属性“label”,完美的解决原创 2021-03-16 14:27:20 · 7990 阅读 · 4 评论 -
react-下载/导出excel-按钮组件封装案例
原创 2021-02-18 10:25:21 · 233 阅读 · 0 评论 -
react 中父子双向传值props为整个父组件方法
思路:利用props将父元素整个组件传给子组件,这样就可以获取到父组件的state和处理函数,再让子组件通过函数传参方式将子组件状态值传给父组件父组件father.js:import React, { Component } from "react";import Children from "./Children"export default class Father extends Component { state = { pData:"父亲变量", }; // 处理函原创 2020-11-28 00:34:46 · 184 阅读 · 0 评论 -
react中鼠标右击展示自定义菜单栏
首先在元素中定义一个右击事件,注意在react中用refs来定义样式,这样不会因元素渲染而导致菜单栏展示延迟过长:render(){return( <div> <button onMouseUp={this.rigClick}>右击展示自定义菜单栏</button> <div ref="menu" style={{ position: "absolute", width: 100, height: 200,display:"none"}原创 2020-11-26 23:36:37 · 2394 阅读 · 0 评论 -
性能优化-可视区域渲染react-virtualized
react-virtualized 是流行的 “windowing” (开窗口) 库。它们提供了多个可重用组件,用于显示列表,网格和表格化数据。首先下载一下依赖包yarn add react-virtualized案例如下:import React, { Component } from "react";/* 1. 引入List组件 */import { List } from "react-virtualized";class App extends Component { /* 2.原创 2020-11-12 13:38:37 · 1106 阅读 · 0 评论