假设我有一个只包含图像和两个 div 的组件,其中一个包含该组件,布局如下: 当被点击时,该组件将移动到另一个 div 中: 然后当再次点击组件时,它会回到原来的位置,如下所示: 为了实现这一点,逻辑应该是什么?任何帮助都将不胜感激,特别是代码示例。
你可以参考我的 CodeSandbox 链接:https://codesandbox.io/embed/magical-minsky-bx681m?fontsize=14&hidenavigation=1&theme=dark。
state
变量来跟踪目标组件是否被点击on
或off
。然后有条件地在这两个容器组件中呈现图像。 - Bumhan Yu