在可拖动组件中反应更改文本

时间:2018-11-22 04:35:59

标签: reactjs

一般来说,我是新来的响应者/ web-frontend-frameworks,我遇到了这个问题,似乎找不到任何解决方法。我正在使用react-rnd(https://github.com/bokuweb/react-rnd)渲染一些可拖动的组件。我想拥有它,因此双击一个组件可让您更改该组件内显示的文本。通常,如果在<input>之外渲染<Rnd>组件,则可以实现此目的。但是,我想相对于它将更改的文本定位文本输入。如果我将其设置为<Rnd>的子级,则它会按照我希望的位置放置,但是该表单无法编辑。我相信这是因为单击表单以开始键入该组件会将组件更改为“拖动”状态,以便在发生任何事情之前重新渲染该组件。我尝试过获得相对于将其拖入的外部div的位置,但是很难正确确定位置(/感觉必须有更好的解决方案)。任何建议/帮助都将不胜感激。

0 个答案:

没有答案