Javascript reacjs动画类似于打字机文本的占位符-带材质ui的redux表单

Javascript reacjs动画类似于打字机文本的占位符-带材质ui的redux表单,javascript,reactjs,redux,material-ui,redux-form,Javascript,Reactjs,Redux,Material Ui,Redux Form,我正在尝试使用占位符更新的应用程序。他们想要一个类似于类型效果的动画。我试着从一篇老文章中引出这些想法 我现在的沙盒。我在我的实际应用程序中得到了它,但我不明白为什么它没有显示在这里 我不太明白。你的另一个问题已经有了一个有效的沙箱-…是的,但这不是一个干净的方法-为什么不?什么东西不够干净?如果您想使用typeAnimation,我不确定是否能找到更好的方法..它只是所有的东西都分开了--一些在构造函数中,一些在componentDidMount中--侦听文档。activeElement不是

我正在尝试使用占位符更新的应用程序。他们想要一个类似于类型效果的动画。我试着从一篇老文章中引出这些想法

我现在的沙盒。我在我的实际应用程序中得到了它,但我不明白为什么它没有显示在这里


我不太明白。你的另一个问题已经有了一个有效的沙箱-…是的,但这不是一个干净的方法-为什么不?什么东西不够干净?如果您想使用
typeAnimation
,我不确定是否能找到更好的方法..它只是所有的东西都分开了--一些在构造函数中,一些在componentDidMount中--侦听文档。activeElement不是真正面向反应的吗?searchInput引用和属性的设置-似乎不是一种纯粹的方式-沙盒似乎不起作用-不确定为什么我不确定我是否理解。你的另一个问题已经有了一个有效的沙箱-…是的,但这不是一个干净的方法-为什么不?什么东西不够干净?如果您想使用
typeAnimation
,我不确定是否能找到更好的方法..它只是所有的东西都分开了--一些在构造函数中,一些在componentDidMount中--侦听文档。activeElement不是真正面向反应的吗?searchInput引用和属性的设置——似乎不是一种纯粹的方式——沙盒似乎不起作用——不确定为什么