拖拽生成组件,大家react怎么实现?

拖拽生成组件,大家react怎么实现?
关注者
207
被浏览
11687

7 个回答

题主你说的是类似这种吗?直接拖拽生成 React 代码,原理吗其实很简单,就是把组件抽象出一种模式,然后定义一个中间的数据结构,通过事件和属性组装成可视化视图,最终再反向生成 React 代码。

可以用普通的div和span之类的原生组件,也可以用别的组件库的现成组件,还可以自己自定义模板组件。

在线地址:Antd Editor


redux作者写过一个

npmjs.com/package/react

react 拖拽库。

文档英文,例子详实,不过使用有一定门槛,需要自己写代码,它只是提供了一个能力,而不是组件。

大家用库之前一定要知道原理,原理很简单的,就是拖拽时会触发事件,具体是什么怎么用自己去查。

如果对实现有兴趣推荐看看那个库里redux作者写的代码,他写的代码特别棒