2015-10-20 68 views
6

我有一个div我想在reactjs中调整大小。我不想使用右下角的大小调整部分。我喜欢jquery ui可调整大小,我可以指定北,南,东,西。是否有可能使用jQuery UI可调整大小的反应还是有一些替代方法可以做同样的事情吗?Reactjs从边框或顶部调整大小?也许用jQuery UI?

回答

2

一般而言,您希望避免将jQuery与React一起使用,因为它们都会更改DOM。这可能会导致一些令人讨厌的错误或者一般的黑客代码。有一些插件和工具是为React创建的。在谷歌上的一段时间会给你一堆结果。

我也不太清楚,您可以指定北,西,等的意思。这可能是一个很好的起点:https://github.com/STRML/react-resizable

+0

这就是问题......我不想使用手柄,我想使用双方。 – Rolando

+0

这是一个起点。您可以查看代码以查看如何反应可调整大小的工作,然后扩展以包含您想要的功能。 –

0

为混合jQuery UI的或任何其他的DOM发生类似ExtJS的成阵营绝对是不是要走的路。

反应工作的方式与此框架不兼容,因为React在每次更改时都重新呈现整个虚拟目录,并为其修补差异。由jQuery UI生成的花式可调整大小的html将在每次反应重新呈现时消失/中断

您应该考虑一些可以使用的React组件,并通过以下方式为生态系统提供支持:测试和改进。我相信,React很快会有一些非常好的布局组件,可能已经存在,但不像jquery ui或extjs那样广为人知。只是尝试一些:

https://github.com/STRML/react-grid-layout

https://strml.github.io/react-resizable

请记住,它是开源的,所以你可以修改这个软件,并让它变得更好。如果你可以发布你的修改并与他人分享,那将是非常棒的