REACT JS如何在单击时显示一个组件并隐藏其他组件

文章/答案/技术大牛

发布

2回答

reactjs、show-hide、react-component

我需要你的帮助，因为我不能与许多隐藏和显示的组件单页网站。我从这段代码开始，但当我单击所有链接时，所有组件都同时显示。当我点击"portfolio“时，我会显示一个组件，并隐藏其他组件。如果我点击"Offres“，"portfolio”就会隐藏起来，就像其他<em

浏览 28提问于2020-06-04得票数 0

回答已采纳

2回答

当我单击react中的按钮时，如何定位和更改不同元素的样式？

javascript、reactjs

当我单击一个按钮时，如何针对同一个组件中的一个不同的react元素，当我在我的App.js中多次重用该组件时，它如何工作呢？我已经创建了一个具有div和按钮的react组件。默认情况下，我通过创建“隐藏”CSS样式并给div类“隐藏”来隐藏div。现在，我想要实现的是，当我单击</e

浏览 10提问于2022-06-28得票数 0

回答已采纳

4回答

如何在来自其他组件的元素上显示/隐藏onClick设置的组件

reactjs

在单击其他组件的元素(图标)时，我希望显示/隐藏其中一个组件。我知道如何从同一个组件(当一个具有onClick选项的元素位于同一个组件上)执行此操作，但不确定如何从其他组件引用该选项。我有Main.js组件，当单击LeftMenu按钮时，我想<e

浏览 0提问于2019-04-01得票数 1

回答已采纳

1回答

如何使用单个按钮在react* js中隐藏和显示组件*

reactjs

我还在尝试React JS。因此，我希望能够使用单个按钮在react js中隐藏和显示组件。我已经尽了最大的努力看了视频。如果我想使用两个不同的按钮，但又想使用同一个按钮，我可以这样做。只需一个按钮即可隐藏或显示组件。到目前为止，当我单击按钮时，它会显示组件，但当我再次单击它以隐藏</

浏览 72提问于2021-06-30得票数 0

回答已采纳

1回答

在带有React-Native的JEST中意外导出令牌

reactjs、react-native、jestjs

当我尝试使用JEST时，我得到了意想不到的标记。": "^2.3.0", "react-navigation": "^1.0.0-beta", "react</e

浏览 1提问于2019-01-10得票数 0

1回答

按钮单击在React组件中显示/隐藏

javascript、reactjs、object、redux、react-redux

我想知道如何在组件之间显示/隐藏，单击下拉选项Show Data，应该隐藏图像和显示文本。我有一个Home组件，其中我使用Option组件，单击Show Data，应该显示文本Welcome!!!并隐藏图像，如何在react中做 import Option from "./Opti

浏览 9提问于2020-01-23得票数 0

回答已采纳

1回答

在Outlet中显示默认组件

reactjs、react-router

如何在Outlet中显示默认组件？我在index.js中有以下内容 ReactDOM.render( <BrowserRouter> <Outlet/> <&#x

浏览 164提问于2021-11-09得票数 1

回答已采纳

1回答

如何在呈现组件时添加旋转器？

reactjs、spinner、react-bootstrap

假设，我将使用React引导自旋器组件。如何在呈现另一个组件(如app或其他组件)时显示该组件。

浏览 1提问于2022-05-08得票数 0

2回答

React和jQuery事件处理程序按错误的顺序触发

jquery、reactjs、jquery-events

我正在创建显示在屏幕顶部的菜单。当用户单击其中一个菜单项时，会出现大量链接的div。我不想通过单击另一个菜单项来隐藏这个div (没问题，已经实现了)，还可以单击其他任何地方，然后单击这个div和菜单项。我听说了两种解决方案：将事件处理程序附加到document.body。第一个

浏览 2提问于2014-09-16得票数 14

回答已采纳

1回答

是否可以通过Node.js后端隐藏React组件源代码？

javascript、node.js、reactjs、obfuscation

如果可能的话，我想对我的用户隐藏我的react源代码。如果有任何其他隐藏react源代码的方法，我将不胜感激

浏览 14提问于2018-08-08得票数 1

2回答

如何将单击的组件显示到另一个组件

javascript、reactjs、react-router、components、jsx

我有一个使用react的组件列表，现在我想单击该组件，它应该打开设置组件并显示单击的组件。下面是如何在app.js中显示组件列表import { useHistory } from "

浏览 8提问于2021-04-13得票数 0

回答已采纳

4回答

我有一个关于ReactJS组件的问题。请容忍我，因为我刚刚在ReactJS。我想不出如何用ReactJS来做这件事。情况是这样的。-- This is a ReactJS Component -->问题：内部结果组件，如果有一个空的结果，我想隐藏下载按钮。我知道，如果下载按钮在结果组件中，这是很简单的。但在这种情况下，我只是不想编写结果组件中不相关的所有html元素，只是为了能够访问这些html元素之上的结果按钮。

浏览 11提问于2017-02-03得票数 2

1回答

单击子组件时隐藏父react组件

reactjs、react-router

我是javascript世界的新手，正在使用react.js创建前端应用程序。下面是一个我无法编写代码的场景。我想要显示一个项目列表，这样当我单击列表中的任何一个项目时，我只会看到所选项目的详细信息，并删除项目的视图。我尝试使用react-router库，但react-router以嵌套方式工作，其中子组件的详细信息呈现在父组件(项目列表)下。它不会隐藏<

浏览 1提问于2016-10-22得票数 2

2回答

在单页中切换(显示/隐藏)组件onClick，以响应组件useState

javascript、reactjs、react-functional-component

在下面的单页情况下，如何在组件之间切换？理想情况下，当您单击menu-item时，关联组件将显示，其他组件将隐藏。反应import About from ".

浏览 0提问于2020-01-09得票数 3

回答已采纳

1回答

盖茨比元件阴影

reactjs、gatsby

它有一个开关组件，其代码是可用的。看起来像这个。提前谢谢你的帮助。

浏览 1提问于2021-06-05得票数 1

回答已采纳

1回答

有没有办法在点击时显示带有事件内容的react-tooltip

reactjs、fullcalendar、react-tooltip

我正在使用带有react-tooltip组件的Fullcalendar。它在悬停时工作正常，但我希望在单击事件时打开工具提示。如react-tooltip文档所示，我可以添加按钮并在单击按钮时显示(隐藏)工具提示，但不能对事件执行同样的操作。

浏览 22提问于2020-02-05得票数 0

2回答

在组件页中隐藏一个组件并显示另一个组件- react* js*

reactjs、react-component

我有一个应用程序，我在其中创建了三个components.js页面，如下所示。one.component.js：import TwoComponent from 'two.component';</> }现在，我希望只显示组件，而隐藏另一个组件</

浏览 5提问于2021-05-29得票数 0

2回答

如何从隐藏并重新渲染中显示我的react组件？

javascript、reactjs

这是我的html代码<div id="main"> 以下是我的component.js文件代码 } ReactDOM.render(<Main />, document.getElementById('main&#

浏览 2提问于2016-10-11得票数 0

2回答

如何根据Redux存储上的属性显示/隐藏组件？

javascript、reactjs、redux、react-redux、store

现在我正在用它建立一个个人项目来学习它。我的想法是在redux全局存储上有一个属性，如：settingsOpen: false，当我单击按钮时，它变为真

浏览 3提问于2017-10-17得票数 0

回答已采纳

4回答

如何通过单击同级组件在react中显示/隐藏组件

reactjs

我有一个父组件"app.js“，它包含子组件，如header和chart。图表组件在标题上有两个子组件(chart1和chart2)，我有两个可单击的链接，分别名为(chart1，chart2)。我的目标是通过单击标题链接"chart1 & chart2“来显示/隐藏每个图表。此外，我还需要创建两个函数: toggleHideChart1和toggleHideC

浏览 0提问于2020-06-06得票数 0

点击加载更多