问题标签 [react-tabs]

在这里，如何在名为“Selected Planets”的选项卡中仅显示“ListSelected”组件，而在名为“Planets List”选项卡的选项卡中显示其余整个组件（FetchPlanets）。如何在不同的选项卡中仅呈现“ListSelected”组件，而在不同的选项卡中呈现其余的整个组件（“FetchPlanets”）？所以它不应该刷新作为道具传递的选定行星

FetchPlanets.jsx

我是 React 新手，我正在使用 react-table 库。但我需要将结果导出为 HTML。我创建了一个基本的 HTML 结构并想添加表，但是它返回 [object Object] 并且如果我 console.log 将返回值记录为：

提前致谢

单击表格行后，我尝试添加新选项卡。

我想我错过了 Props 或 State 来动态制作它？

表格组件：

第二个监听点击事件的组件：

用表格填充选项卡的第三个组件：

LoadData 是一个表。

是的，我在 TabTable 和 LoadTable 组件中使用 import Test，它只是片段。

我没有使用道具或状态。使用默认导出。

这可能是为什么它在没有 Props 或 State 的情况下不能动态运行的原因吗？

我正在使用 Bootstrap 4 构建一个 React 16.13.0 应用程序。我想在特定组件 src/components/Edit.jsx 上使用 Tabs ...

我还没有弄清楚如何做的事情是如何将每个选项卡映射到 URL？现在我有“家”和“人”标签。我想将“主页”选项卡映射到“/edit/<my entity id/home”，将“人员”选项卡映射到“/edit/<my entity id/people”。然后，如果有人访问这两个 URL 中的任何一个，则会预先选择相应的选项卡。

我是 React 的新手。我正在使用React Web 选项卡在 React 中创建选项卡。

单击按钮元素时如何触发选项卡面板的更改，我有两个按钮，“上一个”和“下一个”。单击上一个按钮时，我想转到上一个选项卡并单击下一个按钮，它应该显示下一个选项卡吗？

请帮助我。在此先感谢

我想创建一个包含来自 JSON 文件的选项卡的选项卡栏，并且每个选项卡都必须有自己的组件。我使用了 Reat-Tabs 并按如下方式制作。但是每个面板都没有显示`

信息直接来自 Json 文件，我从其他地方获取每个选项卡的组件。我尝试了不同的解决方案，但没有得出结论

我试图为 TabPanel 制作一些动画，一直向我发送此错误（错误：React.Children.only 预计会收到一个 React 元素子项。）如果我移动选项卡的选项，它可以工作，否则它会通过错误

请帮我把这两个包结合起来。

我需要标签的滑块，看起来像这样：

我所做的？我包装我需要滑动的标签：

但是，当我单击任何选项卡时，第一个选项卡将变为活动状态，并且以后的单击不起作用。在 colsole 我得到错误： Warning: Failed prop type: Invalid prop `tabIndex` of type `number` supplied to `Tab`, expected `string`.

实时代码

我是这个编程世界的新手。谁能帮我解决这个问题。

我已经通过对内容进行硬编码成功地实现了 Material UI 的选项卡，但是当我尝试使用 .map 函数制作我的硬编码选项卡以从数据源 (json) 填充内容时，它不再起作用。该选项卡不显示任何内容。

这是代码，

行星组件：

行星组件：

应用组件：

谢谢你的帮助！

我正在使用react-tabs.css ，它与一个文件捆绑在一起。它建议导入css文件，如：

我正在遵循基本示例并将 Tab 组件呈现为：

不幸的是，当我在这个组件上使用导入语法时，没有应用样式。没有错误。它只是呈现没有样式的选项卡。

我有 webpack 设置来加载 css：

似乎有一个打字稿声明文件react-tabs/module/

我不确定为什么这个导入不起作用。我见过的所有其他问题和文档都使这看起来相当简单。

我应该补充一点，我还在整个项目中使用 CSS 模块，例如：

这些工作成功