对于超大的组件，你们是如何处理的？

#1

自学react然后搭建了一个编辑器，但是遇到一个问题一直很迷茫，不知道如何处理，求大神来解小神的困惑。:grin:

就举个上面图片所示的例子，如果你想要左边的缩略图、中间的编辑区域和最右边的元素相通的话，那就必须要有一个最外层的组件去包含它们。这样就会使最外层的组件很庞大。

初学不是很理解组件的规划:confused:

#2

大神，你好牛逼，因为你需要组件间共享state，那就用redux作为框架啊，实现你需要的功能灰常灰常简单。

#3

好的哇，谢谢大神指教，之前就单纯用reactjs做:confounded:到后面也不清楚是什么原因，页面上很多UI都变得很卡顿，比如拖拽，会变得一卡一卡的。:sob:就想是不是组件太大的原因

#4

别怪代码，只能怪电脑配置太渣，搞一台i7 16核，8G独显，配置稍微强一点的就很好了。。感觉你很流弊，欢迎加群分享你的经验。

#5

:grin:自己可以换电脑，总不能要求每个用户换一台电脑吧

#6

拖拽卡会不会是因为更新状态太频繁了

#7

应该是:joy:因为需求就是这样吖，拖拽要随时更新left和top值，只能更新了吖

#8

如果你只是为了保存最后拖拽的位置，建议在mouseUp的时候更新就好了。你拖拉就更新，估计再好的电脑都会被你拖垮。

#9

并不是啊，拖拽的过程要发送实时的位置信息。所以才会这样做的:triumph:

#10

还是拿原生做吧