当在React中点击时,将一个div中的组件移动到另一个div中

3
假设我有一个只包含图像和两个 div 的组件,其中一个包含该组件,布局如下:

enter image description here

当被点击时,该组件将移动到另一个 div 中: enter image description here 然后当再次点击组件时,它会回到原来的位置,如下所示: enter image description here 为了实现这一点,逻辑应该是什么?任何帮助都将不胜感激,特别是代码示例。

1
这取决于一些因素,如果您提供一个代码示例来展示您尝试了什么以及它如何实现或未实现您的目标,那么社区回答会更容易。 - Bumhan Yu
1
在React工作流程中,至少从概念上来说,您可能希望设置一个state变量来跟踪目标组件是否被点击onoff。然后有条件地在这两个容器组件中呈现图像。 - Bumhan Yu
1个回答

2

1
在这个例子中,即使h3为空,它仍然存在,我建议使用条件语句,例如{ showText1 && <h3>Img</h3> }。如果您不想显示文本,应该摆脱该节点。此外,您可以只使用一个useState来完成这个操作,而不是两个。 - RamaProg

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接