
react
A873054267
这个作者很懒,什么都没留下…
展开
-
react big data Tree组件
项目需求遇到一个需渲染超大树结构数据,antd官方提供的tree组件并不能满足,因此通过网上资料自己写了一个big tree的组件;主要参照:https://github.com/Bowiezhang/vue-bigDataTree,但原文是基于vue的组件,且对于数据格式没有说明,因此写下本博客方便后人使用;核心原理:div下属两个div,一个div (real-tree-wrapper)代表真实的树高度,该树仅起支撑div的作用;另一个div (virtual-tree-wr..原创 2021-03-09 15:08:52 · 1306 阅读 · 0 评论 -
react 函数式组件使用ref
子组件const FancyInput = React.forwardRef((props, ref) => { let [searchRes,setSearchRes] = useState([]); useImperativeHandle(ref, () => ({ searchRes })) return <input ref={inputRef} type="text" />});父组件 let SystemTree = us原创 2021-03-09 13:32:30 · 508 阅读 · 0 评论 -
react 父组件调用自组件方法,forwardRef与connect联合使用
简单的调用网上很多,主要这两个联合https://www.jianshu.com/p/9a41f3dc8468父组件let Draw = (props) => { let {headername,addCancelTools} = props; let [selIndex,setIndex] = useState(0); const childRef=useRef(); console.log(childRef) if(childRef.current){ c原创 2020-10-22 10:32:50 · 1592 阅读 · 0 评论 -
react 可拖动组件 嵌套iframe bug
可拖动组件react-draggable再结合iframe时鼠标事件会失效,因此在iframe上面嵌套一层div即可。 <Container> <LeftContent width={leftBoxWidth}> <div className="editor-col dragleft"> <Tabs ...原创 2020-09-15 13:02:06 · 723 阅读 · 0 评论