![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
夜猫的兔子
这个作者很懒,什么都没留下…
展开
-
#React#cloneElement
React提供了克隆组件API:React.cloneElement( element, [props], [...child])可以利用该方法,给子组件传值父组件:import React from 'react'class Parent extends React.Component<any, any>{ state = { count: 1 }; getChildren() { const _this = this; let { childr原创 2020-07-17 11:02:06 · 275 阅读 · 0 评论 -
#React#递归嵌套组件调用
项目中有侧边栏的层级菜单或者需要根据接口生成DOM树等操作时,如何实现组件的递归调用呢?项目中有侧边栏的层级菜单或者需要根据接口生成DOM树等操作时,这里就需要用到了组件的递归调用。使用React来简单实现下组件的递归。在React可以通过props和children来向子组件传递信息数据结构:子组件:render() { const list: any = this...原创 2020-04-14 15:10:34 · 1351 阅读 · 0 评论 -
antd/Js2WordCloud 词云
import React from 'react';import Js2WordCloud from 'js2wordcloud'import { getCompId } from '@/utils/utils';// import DataSet from '@antv/data-set';// import { Chart, registerShape, Util } from '@...原创 2020-03-31 17:47:23 · 1230 阅读 · 0 评论 -
React 项目通过操作DOM水平滚动-垂直间歇性滚动
当给 HTML 元素添加ref属性时,ref回调接收了底层的 DOM 元素作为参数React 组件在加载时将 DOM 元素传入ref的回调函数,在卸载时则会传入null。ref回调会在componentDidMount或componentDidUpdate这些生命周期回调之前执行。页面布局:水平滚动垂直滚动运行一套布局代码,通过this.state.type 判断,...原创 2019-04-04 14:58:55 · 1492 阅读 · 1 评论