文章/答案/技术大牛

发布

问动态添加自定义组件
EN

Stack Overflow用户

提问于 2018-01-29 05:28:36

回答 1查看 65关注 0票数 0

我在react 'Tabs‘和'Tab’中有两个组件。每个选项卡组件都将有巨大的子组件或HTML元素，就像选项卡中的表单或表一样，因此我们采用了这种标记方法，而不是将选项卡列表作为支持。

 <tabs>
  <tab></tab>
  <tab></tab>
 </tabs>

现在，我的问题是，当用户单击按钮时，如何向选项卡添加一个新选项卡。选项卡的内容只需用户提及，我所需要做的就是能够将它们添加到选项卡组件中。

javascript

reactjs

回答 1

Stack Overflow用户

发布于 2018-01-29 05:34:53

您可以拥有一个包含选项卡的数组。将要添加到数组中的新选项卡追加到数组中，然后添加新选项卡将显示该选项卡。示例：

constructor (props) {
   super(props);
   this.state = { tabData: ['tab 1', 'tab 2'] };
}
render() {

   const { tabData } = this.state;

   <tabs>
      {tabData.map(element => <tab>{element}</tab>)}
   </tabs>
}

当您将一个新选项卡推到tabData状态时，它将被添加并显示。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/48502415

复制

ScintillaNET 需要帮助

数据处理

Scintilla是一个免费的源代码编辑控件，它完全开放源代码，并且提供一个license允许用户自由地将它用在开源软件或是商业软件中。作为源代码编辑控件，我们能在普通的的文本编辑控件中能看到的功能，Scintilla都完全能够实现，而且，它还能够提供很多编辑和调试源代码时有用的特殊功能。包括语法高亮显示，错误指示，代码自动完成以及代码提示等。而且在左边的空白处(margin)，可以显示调试代码中非常有用的显示断点以及显示当前运行行等功能。而且，自定义风格的功能比其他大部分编辑器控件都开放，它允许用户自定

张善友

2018/01/22

1.5K0

与数据挖掘有关或有帮助的R包和函数的集合

其他

rpart，party，randomForest，rpartOrdinal，tree，marginTree，

IT阅读排行榜

2018/08/13

8530

有关JIT你需要知道的

打包 ide java 编程算法缓存

JVM对代码执行的优化可分为运行时（runtime）优化和即时编译器（JIT）优化。运行时优化主要是解释执行和动态编译通用的一些机制。比如说锁机制（如偏斜锁）、内存分配机制（如TLAB）等。除此之外，还有一些专门用于优化解释执行效率的，比如说模版解释器、内联缓存（inline cache，用于优化虚方法调用的动态绑定）

全菜工程师小辉

2019/08/16

1K0

Python和Java的语法对比，语法简

java python c++面向对象编程

Python是一种广泛使用的解释型、高级编程、通用型编程语言，由吉多·范罗苏姆创造，第一版发布于1991年。可以视之为一种改良（加入一些其他编程语言的优点，如面向对象）的LISP。Python的设计哲学强调代码的可读性和简洁的语法（尤其是使用空格缩进划分代码块，而非使用大括号或者关键词）。相比于C++或Java，Python让开发者能够用更少的代码表达想法。不管是小型还是大型程序，该语言都试图让程序的结构清晰明了。

py3study

2020/01/16

1.8K0

【学习】干货：与数据挖掘有关或有帮助的R包和函数的集合

数据挖掘 r 语言

与数据挖掘有关或者有帮助的R包和函数的集合。 1、聚类常用的包： fpc，cluster，pvclust，mclust 基于划分的方法: kmeans, pam, pamk, clara 基于层次的方法: hclust, pvclust, agnes, diana 基于模型的方法: mclust 基于密度的方法: dbscan 基于画图的方法: plotcluster, plot.hclust 基于验证的方法: cluster.stats 2、分类常用的包： rpart，party，randomFo

小莹莹

2018/04/23

1.1K0

对Python老司机99%有帮助的简明语法总结乱编

其他

本文由马哥教育Python实战开发班6期学员推荐，转载自互联网，作者为赖笔小新，感谢作者的辛苦付出和贡献。最近发现进入python群的朋友都在你是如何自学python语法的，每当被问到这个问题时，我内心是坦荡的，因为我不知道到底我接下来说的这些话会给看到的各位带来什么？虽然大家已经对Python已经有了一个初步认识了，但是我还不得不说关于Python语法的一些事，以便于我这个装逼的过程顺利的完成。 ————!!! 只针对有经验开发人员 ---- 简单输入输出 ---- 输出 print 10

小小科

2018/05/03

1.4K0

java和python的语法的区别

java

2，导包的时候直接用import java.util.math ,也就是直接里面import进行导包

一写代码就开心

2020/11/19

3620

Python有关datetime的例子

python

import datetimeb=input('请输入你的姓名：')a=eval(input('请输入你的出生年份：'))year=datetime.date.today().yearprint('你好！',b,'。','您',year-a,'岁')这是datetime的实例代码，可以直接拿去使用测试

常温阔乐

2022/11/18

5620

「R」R 基础语法与获取帮助

https github 网络安全 git 开源

就像学习一门外语，如果你想要学好，必须掌握语义、语法：单词、连词、句子结构等等。学习一本编程语言也基本一样，我们如果想要高效地编程 R，必然要学好 R 的语言的语义和语法。

王诗翔呀

2020/07/06

5590

有关Python的分片操作

编程算法 python

刚在论坛python版 http://bbs.byr.cn/#!article/Python/1693 解决了一个关于python分片的问题。

py3study

2020/01/07

8410

您需要了解的有关Selenium等待方法

网站 selenium

等待可以帮助用户在重定向到其他网页时解决问题。这可以通过刷新整个网页并重新加载新的Web元素来实现。有时，也可能会有Ajax调用。因此，在重新加载网页并反映Web元素时可以看到时间滞后。

用户7466307

2020/06/24

1.8K0

查看python的模块和函数帮助文档方法

python

进入help帮助文档界面，根据屏幕提示可以继续键入相应关键词进行查询，继续键入modules可以列出当前所有安装的模块：

py3study

2020/01/13

3.4K0

Python的Xpath介绍和语法详解

爬虫 xml html xslt & xpath

XPath是一门在XML和HTML文档中查找信息的语言，可以用来在XML和HTML文档中对元素和属性进行遍历

Lansonli

2021/10/09

4.1K0

0基础入门学习Python开发用什么软件好?

python android ide

俗话说:“工欲善其事，必先利其器”，对于初学者来说，想要学好Python，除了需要付出努力外，还需要一个顺手的兵器。一个好的IDE会帮助你方便地编写Python程序，使你的编程更加舒适。那么，对于刚入

python学习教程

2021/03/17

2.5K0

python和Java语法对比

python java https 网络安全

Python定义变量的时候不需要给出类型，直接定义即可，Python会自动判断变量类型。 String类型：

全栈程序员站长

2022/09/08

5280

python的基本命名和语法

python

2.大驼峰式命名法每个单词的首字母都使用大写字母例如：BaiDuOcr、HandleTask

不止于python

2022/05/31

4270

有关operator的precedence和associativity

2. 表达式的计算就是对这些运算符的计算（运算符的计算对象就是其操作码），所有计算的结果作为该表达式的结果

KINGYT

2023/03/15

3500

你需要了解的Markdown语法

markdown 编程算法

在我们学习编程的日常中，我们常常需要记录一些东西，比如：知识点笔记、算法的思路算法题的题解，这是十分重要的，因此一款很好的记笔记的语法就出现了，那就是markdown，markdown是一种简洁的、快速的语法形式，有了markdown就能极大地帮助我们享受于算法思路，不必纠结于整体的排版布局。以下是关于markdown的语法，其实并不难，只要多练几次，就能很轻松的写出markdown。

用户9996207

2023/01/13

4010

Python函数return的用法和作用、以及帮助函数

python

前面的函数学习之后我们发现，函数不被调用是不会直接执行的。我们在之前的函数调用之后发现运行的结果都是函数体内print()打印出来的结果，但是有时候为了方便函数参与二次运算，我们让函数体内不输出任何结果，而是把函数本身就当做一种结果，输出这种结果的方式就可以理解为返回函数的结果，python用return关键词来返回。下面我们对比几种不同的函数调用结果。

python自学网

2021/12/05

9.4K0

Python|有关坐标题的解析

编程算法

平面上有n个点，点的位置用整数坐标表示 points[i] = [xi, yi]。请你计算访问所有这些点需要的最小时间（以秒为单位）。

算法与编程之美

2020/02/21

8270

相似问题

iphone没有播放通知声音

如何在Android中循环播放没有间隙的声音？

在没有资源的iPhone上播放声音

Iphone SDK:播放“系统声音”

iPhone Datepicker播放“滴答”声音

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

问动态添加自定义组件
EN