在React中的DOM元素中移动字符串

问题描述

说我在DOM元素中有一个字符串,我想删除一个随机位置的字符。我该如何使用react移除此角色以及动画将以下所有角色滑动到新位置?

示例步骤1: <span>This is my String!</span>

从字符串中删除t:

示例步骤2: <span>This is my S_ring!</span>

子字符串“环”向左滑动t的宽度:

示例步骤3: <span>This is my Sring!</span>

现在我该怎么办:

  1. 可以正确访问此DOM元素吗?也许通过使用状态或对字符串的引用?
  2. 将剩余的角色滑动到新位置的动画?也许通过使用Csstransition和exit类?
  3. 如果频繁按下退格键的删除键,可以使动画叠起来吗?

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)