问题标签 [react-tabs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1304 浏览

reactjs - 在 Tab react js 中获取和渲染 API 数据

我计划创建一个包含四个选项卡的页面。每个选项卡都将包含自己的数据。我已经浏览了三个多小时如何在 Tabs 中使用 API 数据。我只能看到如何使用材质 UI、BootStrap、React Tabs 创建选项卡。我正在寻找如何在选项卡组件中获取 API 数据的参考。所有四个选项卡都将处理不同的端点。当我切换标签时,任何人都可以帮助我如何处理不同的 API 调用。如果我得到参考,我会尝试达到我的结果。任何人都可以帮助我参考这个。提前致谢。

0 投票
4 回答
4881 浏览

reactjs - 如何解决“Prop `id` 不匹配。服务器:“react-tabs-30”客户端:“react-tabs-0”控制台问题?

我正在尝试 next.js 中的下一个选项卡,但每次我使用它时都会显示一个控制台警告链接Prop `id` did not match. Server: "react-tabs-30" Client: "react-tabs-0",我知道它不会影响我的应用程序,但它很烦人。如何解决这个waring

正如您所看到的,我react-tabs用于选项卡,但我也使用 react js,我使用相同的代码,但它没有显示此控制台警告。所以我的问题是为什么会这样?我该如何解决?

0 投票
1 回答
105 浏览

reactjs - React Native Tab 背景变化

我正在使用简单的 react native 选项卡。该选项卡工作正常,但它显示标签的默认蓝色背景。这意味着关于课程和聊天是连续的并且默认为蓝色。我怎么能改变它?另外,我怎样才能改变'' 这个标题字体系列、文本颜色和其他属性?

0 投票
0 回答
41 浏览

reactjs - ScrollView Horizo​​ntal 在本机反应中无法正常工作

我正在尝试在其中添加滚动视图和选项卡,但我想水平滚动。所以,我把 Horizo​​ntal = true 并运行下面的代码。但是我再也看不到标签文本了。它仅在屏幕顶部水平显示蓝色边框。

0 投票
0 回答
118 浏览

reactjs - React Native ScrollView Horizo​​ntally 不适用于本机基础选项卡

我正在尝试水平添加滚动视图并在 ScrollView 中添加选项卡,但选项卡没有水平滚动。它只显示一个蓝线顶部。我将如何解决问题?

0 投票
0 回答
41 浏览

reactjs - react-tabs 重新渲染选项卡(或以编程方式更改选项卡)

我正在尝试为反应中的评论创建一个选项卡式部分,一个用于个人评论的选项卡和一个用于其他评论的选项卡。我正在使用 react-tabs 包来创建选项卡和选项卡面板,并在其中使用 simple-react-comment 包来显示评论。从数据库加载旧评论完成,用户可以插入新评论。但问题是除非您更改标签,否则不会显示新插入的评论。我尝试设置 selectedIndex 以编程方式更改选定的选项卡。但无法得到我想要的。如何重新渲染选项卡组件以便显示新评论?

0 投票
1 回答
67 浏览

react-native - 如何更改活动顶部选项卡的阴影颜色

我想更改活动顶部选项卡的阴影颜色。我怎样才能做到这一点?如下图,我想把蓝色变成红色。

在此处输入图像描述

我的代码

0 投票
1 回答
53 浏览

javascript - 如何在点击反应时切换 tabPane 内容

我有一个AppReact. 这个应用程序有两个tabsfirst tab我正在显示的列表中chated users和在second tab我正在显示的所有registerd contacts. 选项卡按预期工作。现在我的问题是当用户在时second tab,如果他clicks在任何用户上。它应该显示chat tab。我正在使用它npm package来创建tabs react-tabs在此处输入图像描述

// chatsection.js : 聊天组件和注册联系人的父组件

//聊天.js

** //所有联系人.js

//显示单个用户

0 投票
0 回答
30 浏览

javascript - React Tabs - 无法使用按钮以编程方式移动到下一个和上一个选项卡

我有一个 div,其中有 3 个选项卡和 2 个按钮“返回”和“下一步”。

我想要实现的是,单击“下一步”按钮我应该移动到下一个选项卡,单击“返回”按钮我应该移动到上一个选项卡。

我已经使用了下面的代码,但它不工作

0 投票
0 回答
23 浏览

css - 自定义反应徽章样式

我怎样才能像这样在标签引导程序中制作徽章/通知?(我使用引导库中的选项卡)。

在此处输入图像描述