问题标签 [react-button]

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 回答
543 浏览

reactjs - Reactstrap Button onClick 重定向错误

reactstrap 中的按钮 onClick 函数没有返回新页面,但我在函数中创建的日志正在运行。它出现在 renderData() 和 handleExam() 中的问题,其中 renderData 应该将卡片添加到页面和handleExam() 重定向到下面给出的具有特定 id 的另一个页面,以便该 id 可用于从 db 获取数据。

我需要显示的页面

我尝试直接调用该函数 onClick() 但这也不起作用。

0 投票
0 回答
46 浏览

javascript - 如何从 reactjs 中的 navbar.js 按钮访问嵌套函数?

我想在我的导航栏中包含一个保存按钮,它应该唤起我的 savebuttonhandler1 函数。但是,savebuttonhandler1 函数是功能组件 (rete.js) 中的嵌套函数。

Rete.js 是一个功能组件,服务于我网站的一个页面。它调用 API(对话流)。导航栏位于每个页面的顶部。

这是组件的层次结构:App.js(父)-> Navbar.js(子)

App.js(父)--> Canvas.js(父)--> Rete.js(子)

您知道访问嵌套函数的任何方法吗?我可以使用反应上下文来做到这一点吗?

这是我的 navbar.js(简化版):

这是 rete.js 中嵌套的 savebuttonhandler1 函数:

0 投票
4 回答
3812 浏览

reactjs - 如何将 svg 作为道具传递给可按压组件

在这两个库的帮助下,我使用了很多 svg 图像

然后我可以像下面这样导入和使用 svg 图像。

下面是我的自定义按钮

我正在使用上面的组件,如下所示

如果您查看上面代码中的虚部。通过这种方式,我可以在组件内显示 svg 图像。但是,我需要将 svg 图像显示为如下所示的道具。

如何将 svg 路径作为道具传递并在组件内显示?

0 投票
1 回答
112 浏览

javascript - Reactjs实时禁用按钮onclick

我的项目中有以下代码,我需要在实时点击时禁用 wislist 按钮。我能够禁用它,但在重新加载页面后它被禁用。我需要在单击按钮后执行此操作。

这是我的js

这是我的按钮

isItemAdded 从 useAddWishlistItem 返回。

使用AddWishlistItem.js

请帮忙

0 投票
1 回答
618 浏览

reactjs - 在不使用路由器的情况下单击 React.js 中的按钮时如何打开新页面?

我对 React(React 钩子等)非常陌生。我的任务是在单击按钮时打开一个页面。在这种情况下,我不想更改 url。只是打开一个新页面(只需在主页上加载新页面组件)?

例子,

现在,点击“点击我”按钮后,我只想完全打开一个新页面而不更改 URL(即在单击按钮时保持主页 url 并移动到新页面),这意味着新页面只是主页的一个组件。我不想仅仅为了打开新页面而使用路由器。我也不希望主页的内容反映在新页面上。它应该是一个只有新页面内容的新页面。我如何实现这一目标?

-- 新的页面组件 --

请有人可以修改上面的代码或指导我如何在不使用路由器的情况下单击主页上的“单击我”按钮链接 NewComponent 页面?欢迎使用 React 钩子或任何其他 React 解决方案。我真的很感激任何帮助。我对此进行了很多搜索,但仍然没有找到解决方案。请帮忙!

谢谢你。

0 投票
0 回答
108 浏览

reactjs - React中的按钮闪烁onHover

我有 2 个组件“TableCard”和“TableGrouping”。我在“TableCard”中有一个名为“Grouping”的组件。

当我用鼠标悬停按钮时,它在我的屏幕上闪烁/闪烁。这 2 个组件被分隔在 2 个文件中,因为我需要修改“TableCard”中“TableGrouping”的内容(当我直接将分组内容放入“TableGrouping”时,它工作正常,但这不是我的目标。

这是我的代码:

它在做什么的链接:这里

你们有些人有想法吗?谢谢 :)

0 投票
1 回答
95 浏览

reactjs - React Native 中的元素类型无效

我是本机反应的新手,我正在学习教程。这是我的 App.js 文件: App.js

尽管我认为导入/导出语句没有任何问题,但我得到了以下信息。

错误:元素类型无效:应为字符串(对于内置组件)或类/函数(对于复合组件),但得到:未定义。您可能忘记从定义组件的文件中导出组件,或者您可能混淆了默认导入和命名导入。检查HomeScreen.

ArticleItem更改组件并添加按钮后发生此错误。我正在导入 Button 组件。组件有问题HomeScreen吗?我不明白。

0 投票
1 回答
42 浏览

reactjs - 如何使按钮中的图标居中?

我正在尝试使用按钮进行导航,因此我希望该按钮是一组图标和文本,我可以单击它们以导航到新页面。该功能通过以下方式工作:

此按钮呈现如下:

在此处输入图像描述

垂直间距很好。然而,虽然文本水平居中,但图标显然不是。无论我尝试过什么样式,我都无法将图标和文本都作为按钮水平居中。背景通常会被删除,但我在这里添加它是出于调试目的。

0 投票
3 回答
687 浏览

reactjs - ReactJS 引导按钮作为链接(新标签)

我调查了很多关于使用按钮作为链接的主题,但没有找到适合我的解决方案 - 我需要使用 React 引导按钮在新选项卡中打开某个页面。

React bootstrap 提供了一个 prop 'href' 但没有关于如何在新标签中打开的信息。请问有什么建议吗?

0 投票
1 回答
30 浏览

react-native - 我希望在单独的屏幕(不是带有按钮的屏幕)上按下按钮后能够收到警报。我该怎么做呢?

反应原生应用程序开发

假设在 Screen AI 上有一个按钮。我希望能够按下该按钮并在屏幕 B 上获得警报。

在此屏幕 B 上,我希望警报更像是一个通知,它一直停留在那里,直到用户单击警报/通知以完成任务。

上面的代码有一个带有工作警报的工作按钮,但警报出现在按钮可见的屏幕上。这是主屏幕。我有一个通知屏幕,我希望警报通知用户单击了按钮。

我使用 Stack.Navigator 和 Stack.Screen 作为我的屏幕名称。