react学习(64)--简单的锚点封装

  render() {const {anchors = [], //锚点数组，link-节点id，title-显示文字content, //左侧内容} = this.props;return (<div style={{ display: 'flex' }}><div style={{ flex: 9, overflow: 'hidden' }}>{content || this.props.children}</div><div style={{ flex: 1 }}><Anchor offsetTop={122} style={{ marginLeft: 24, background: '#F2F0F5' }}>{anchors.map((anchor, index) => (<Link href={anchor.link} key={index} title={anchor.title} />))}</Anchor></div></div>);}

react学习(64)--简单的锚点封装相关推荐

React学习：ref调用、组件封装调用-学习笔记
文章目录 React学习:ref调用.组件封装调用-学习笔记 ref调用-string形式 ref调用-回调形式(官方推荐) ref调用-父调子组件封装调用demo(全选) demo1(单组件) d ...
js学习总结----简单的动画库封装tween.js
具体代码如下: ~function(){var myEffect = {Linear:function(t,b,c,d){return c*t/d+b },Quad: {//二次方的缓动(t^2):e ...
java antd实现登录,AntDesign(React)学习-4 登录页面提交数据简单实现
github代码:https://github.com/zhaogaojian/jgdemo 全国肺炎,过节期间没地方去在家学习antd. 一.感觉antd pro项目太庞大了,可以学习下结构和代码风 ...
【TS学习和在react中的简单应用】
TS学习和在react中的简单应用 1. ts基础 1.1 ts基本类型 1.2 数组 1.3 对象 1.4 函数 1.5 class类 1.6 枚举enum 1.7 typeof 1.8 TS中的泛 ...
React学习-event.preventDefault()方法的简单介绍
React学习-event.preventDefault()方法的简单介绍 react官方文档中有这么一段: 在 React 中另一个不同点是你不能通过返回 false 的方式阻止默认行为.你必须显式 ...
React学习（1）——JSX语法与React组件
为什么80%的码农都做不了架构师?>>> 本文记录了在官网学习如何使用JSX+ES6开发React的过程. 全文共分为3篇内容: JSX语法与React组件状态.事件与动态渲 ...
react学习笔记1--基础知识
什么是react A JAVASCRIPT LIBRARY FOR BUILDING USER INTERFACES[React是一个用于构建用户界面的JavaScript库.] React之所以快, ...
react ui框架_Web开发 React 学习（二十）连载基础篇大结局
系列文章: 测开技能--Web开发 React 学习(一) 测开技能--Web开发 React 学习(二)环境搭建测开技能--Web开发 React 学习(三)元素的渲染测开技能--Web开发 R ...
react 学习入门指南
在学习react 之前我们需要知道的JavaScript前置知识变量箭头函数使用拓展运算符处理对象和数组对象和数组的解构模板字符串回调函数 es模块化你不需要成为专家,但是希望您能对以上 ...

react学习(64)--简单的锚点封装

react学习(64)--简单的锚点封装相关推荐

最新文章

热门文章