在人生道路上谦让三分，就能天宽地阔。

因为本人用的React框架，貌似在各大组件库都没有看到，类似取消父子关联的一个级联菜单组件。返回的数据格式：(都是把层级给你返回了，从父亲到自己的一个关系)我这里使用了antd的基础上开发的，效果图：（可能是有点不好看，见谅）

先把之前安装的卸载掉npm uninstall image-webpack-loader 安装cnpm 淘宝镜像npm install cnpm -g --registry=https://registry.npm.taobao.org再通过cnpm 去安装image-webpack-loadercnpm install --save-dev image-webpack-loader

react 通过 useImperativeHandle 调用子组件方法????1.父组件通过用useRef() 获取组件的方法index.jsximport React, { useRef } from 'react'import { Child } from './child'export default function App() { const onRef = useRef(); const pOnclick = ()=>{ onRef.curr

推荐一个很好用的一个react-markdowm编辑器传送门：????????????????????????????首先是安装：yarn add md-editor-rt或tnpm i md-editor-rt -S或npm i md-editor-rt -S他的使用：import React, { useState } from 'react';import Editor from 'md-editor-rt';import 'md-editor-rt/lib/style.css

antd tree 树结构数据异步加载这是我的一个数据格式，可以拿去用 然后再去根据自己的去修改{ "data": [{ "childrenList": [{ "childrenList": [], "id": 100001, "name": "javascript标签注入", "pId": 1, "type": "2" }, { "childrenList": [], "id": 200001, "name": "目标2", "pId

G2 Axis 事件 点击坐标轴文本获取数据图形 Element 上的事件为了帮助用户更加清晰的使用事件前缀（name），我们在这里列出 G2 默认支持的所有的事件前缀（name）：element：所有的 geometry 的 element 都支持的事件前缀line: 折线图支持的前缀area: 面积图支持的前缀interval: 柱状图、直方图、饼图 等支持的事件前缀point：点图、气泡图等支持的前缀polygon：方块图等支持的前缀schema：k 线图、箱型图支持的事件前缀

路由传参，刷新页面参数丢失问题这里的history只需要将路由里面history参数 传入就可以了，采用的 sessionStorage 存储，达到页面刷新参数不丢失的一个问题。// 解决路由传参 页面刷新丢失问题`在这里插入代码片`export const RouteStateD = (history) => { let urlData; if (history.location.state) { urlData = history.location.state; se

递归查找数据，给出指定的id 或者… 在树结构数据中找出你想要的数据以下模拟的是一个后端返回的树结构数据（做参考）const data = { "data": [ { "children": [ { "children": [ {

antd tree 树结构数据 过滤成 Cascader级联选择所需数据首先这是级联菜单所需要的数据格式 ????const options = [ { value: 'zhejiang', label: 'Zhejiang', children: [ { value: 'hangzhou', label: 'Hangzhou', children: [ { value:

在富文本编辑器中，里面的内容在你刷新的时候可能会为空，// 动态获取的content html文本内容const contentBlock = htmlToDraft(content);const contentState = ContentState.createFromBlockArray(contentBlock.contentBlocks);const editorState = EditorState.createWithContent(contentState);这个时候当你重新刷新

用antd Table组件出现需要添加唯一key值的警告解决办法： 将 columns 和 dataSource的值都添加上key值

使用webpack的mini-css-extract-plugin插件出现的问题ERROR in ./src/components/style.lessModule build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):ReferenceError: document is not defined// ./src/components/style.less 中的错误// 模块构建失败（来自 ./nod

最近再看typescript的时候结合了官网的配置,和自己的一些配置实现了一个可以自动打包,可以去解析一些常规文件接下来开始吧mkdir projcd projmkdir srcnpm init -ynpm install -g webpack现在我们添加React和React-DOM以及它们的声明文件到package.json文件里做为依赖：npm install --save react react-dom @types/react @types/react-dom接下来，我

git常用的一些操作工作区 暂存区 版本区git add . => 将工作区修改的数据放到暂存区git commit -m “建议有意义的说明” => 将暂存区的内容提交到版本去git push => 将形成版本的内容提交到远程仓库上一半再写代码的时候都不会在主分支上面去写一些东西，这样会影响到别的子分支git branch 分支名字 => 创建一个基于master的子分支git branch => 查看本地分支git branch -r => 查看远程

generator介绍 => es6中新增的数据类型generator函数 需要在函数申明的时候在函数名字和function之间加上*号,yield可以去暂停函数的执行,可以执行多次.1.generator基本用法function *generator(){ console.log(1); yield; // 执行碰到yield 会去执行暂停 console.log(2); yield; console.log(3); return 10;}c