2015-10-20 46 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

請記住,它是開源的,所以你可以修改這個軟件,並讓它變得更好。如果你可以發佈你的修改並與他人分享,那將是非常棒的

相關問題