问题标签 [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.
reactjs - 在 Tab react js 中获取和渲染 API 数据
我计划创建一个包含四个选项卡的页面。每个选项卡都将包含自己的数据。我已经浏览了三个多小时如何在 Tabs 中使用 API 数据。我只能看到如何使用材质 UI、BootStrap、React Tabs 创建选项卡。我正在寻找如何在选项卡组件中获取 API 数据的参考。所有四个选项卡都将处理不同的端点。当我切换标签时,任何人都可以帮助我如何处理不同的 API 调用。如果我得到参考,我会尝试达到我的结果。任何人都可以帮助我参考这个。提前致谢。
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,我使用相同的代码,但它没有显示此控制台警告。所以我的问题是为什么会这样?我该如何解决?
reactjs - React Native Tab 背景变化
我正在使用简单的 react native 选项卡。该选项卡工作正常,但它显示标签的默认蓝色背景。这意味着关于课程和聊天是连续的并且默认为蓝色。我怎么能改变它?另外,我怎样才能改变'' 这个标题字体系列、文本颜色和其他属性?
reactjs - ScrollView Horizontal 在本机反应中无法正常工作
我正在尝试在其中添加滚动视图和选项卡,但我想水平滚动。所以,我把 Horizontal = true 并运行下面的代码。但是我再也看不到标签文本了。它仅在屏幕顶部水平显示蓝色边框。
reactjs - React Native ScrollView Horizontally 不适用于本机基础选项卡
我正在尝试水平添加滚动视图并在 ScrollView 中添加选项卡,但选项卡没有水平滚动。它只显示一个蓝线顶部。我将如何解决问题?
reactjs - react-tabs 重新渲染选项卡(或以编程方式更改选项卡)
我正在尝试为反应中的评论创建一个选项卡式部分,一个用于个人评论的选项卡和一个用于其他评论的选项卡。我正在使用 react-tabs 包来创建选项卡和选项卡面板,并在其中使用 simple-react-comment 包来显示评论。从数据库加载旧评论完成,用户可以插入新评论。但问题是除非您更改标签,否则不会显示新插入的评论。我尝试设置 selectedIndex 以编程方式更改选定的选项卡。但无法得到我想要的。如何重新渲染选项卡组件以便显示新评论?
javascript - 如何在点击反应时切换 tabPane 内容
我有一个App
在React
. 这个应用程序有两个tabs
在first tab
我正在显示的列表中chated users
和在second tab
我正在显示的所有registerd contacts
. 选项卡按预期工作。现在我的问题是当用户在时second tab
,如果他clicks
在任何用户上。它应该显示chat tab
。我正在使用它npm package
来创建tabs
react-tabs。
// chatsection.js : 聊天组件和注册联系人的父组件
//聊天.js
** //所有联系人.js
//显示单个用户
javascript - React Tabs - 无法使用按钮以编程方式移动到下一个和上一个选项卡
我有一个 div,其中有 3 个选项卡和 2 个按钮“返回”和“下一步”。
我想要实现的是,单击“下一步”按钮我应该移动到下一个选项卡,单击“返回”按钮我应该移动到上一个选项卡。
我已经使用了下面的代码,但它不工作