繁体   English   中英

React Js:如何在动态列表卡中单独隐藏/显示

React Js : How to hide/show individually in dynamic list cards

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

[在此处输入图片描述][1]

你好世界 !! 我正在尝试在卡上显示/隐藏选项,该选项是从后端/数据库动态呈现的数据,但是当我单击单卡的选项时,所有卡选项都会显示/隐藏,请帮助我将其设为:当我单击卡的选项时。 . . 只有卡片的选项应该是显示/隐藏

const [optionToggle, setOptionToggle] = useState(1);

  setOptionToggle(!optionToggle);
};```

```   {optionToggle ? (<>Show</>) : (<>Hide</>)  ```
```  <button id={ride.PK_RIDEREQDID} onClick={() => handleOptionToggle(ride.PK_RIDEREQDID)}
                            >```


[1]: https://i.stack.imgur.com/mEZTV.png
问题暂未有回复.您可以查看右边的相关问题.
2 React JS 显示和隐藏

我有一个用于两种类型用户的注册页面作为选项卡,因此当我单击一种用户时,应隐藏另一种用户并显示单击的用户选项卡。 我尝试了 useState,并且隐藏有效,但未呈现所需的用户表单。 我确定我在这里遗漏了一些东西。 ...

3 显示和隐藏React JS

在我的反应JS代码中,我有2个Onclick函数 问题是我想如何显示某些特定组件。 当我点击onClickListView它显示&lt;ListTrader /&gt;成分和&lt;GridTrader /&gt;元器件隐藏 当我单击onClickGridView它显示&lt ...

4 如何在反应js中隐藏和显示一个div

我知道这个问题被问了很多,但我不太明白答案,主要是因为所有答案都使用“类”,而且我被教导使用 function。 我什至不明白其中的区别,但每次我尝试使用 class 组件时,都没有任何效果。 我对 React.js 真的很陌生,我很难理解它是如何工作的。 我需要显示和隐藏- &lt;p clas ...

2020-05-05 13:58:45 3 75   reactjs
5 React JS:如何隐藏/显示标签?

我想隐藏/显示其他文件中的某些标签。 我们有一个带有选项卡的模式,某些选项卡应该在另一个文件(另一个组件)中单击单选按钮时隐藏。 我的意思是这些组件位于不同的文件中。 我的问题是如何将数据或函数从一个文件传递到另一个文件? 我需要使用单选按钮的onChange来执行此操作。 我正在 ...

2019-01-03 11:48:54 2 396   reactjs
8 如何动态显示/隐藏反应中的项目列表

我无法在反应中显示/隐藏某些元素。 基本上,我有一个li的动态列表,并且在li中,我有一个标签,当你点击li时我想隐藏标签并显示输入。 通常使用jQuery就像它一样简单 $('#element').hide() $('#element2').show() 我不太了解如何使用我当 ...

2016-09-28 03:00:55 2 4247   reactjs
9 在引导程序中隐藏/显示卡片

我试图在引导程序中隐藏和显示几张卡片,但我无法弄清楚。 所有卡都有 class 卡(当然),我试图在单击按钮时隐藏所有这些卡。 这是我现在拥有的: 对 function 的调用是正确的,因为警报确实可以正常工作。 由于某种原因 部分在 js function 之外时工作(当它未连接到按钮时)。 不知 ...

10 React js - 显示或隐藏 div

我正在尝试使用 CSS 样式选项中的 state 值显示或隐藏 Reactjs 中的 div - 显示并且我正在使用带有钩子的函数。 我有一个按钮,按钮下方是一个 div。 当我单击按钮时,我想要隐藏或显示 div 中的内容,具体取决于它当前是显示还是隐藏。 这是我的基本测试代码 然后我在我的Ap ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM