我有一個div我想在reactjs中調整大小。我不想使用右下角的大小調整部分。我喜歡jquery ui可調整大小,我可以指定北,南,東,西。是否有可能使用jQuery UI可調整大小的反應還是有一些替代方法可以做同樣的事情嗎?Reactjs從邊框或頂部調整大小?也許用jQuery UI?
6
A
回答
2
一般而言,您希望避免將jQuery與React一起使用,因爲它們都會更改DOM。這可能會導致一些令人討厭的錯誤或者一般的黑客代碼。有一些插件和工具是爲React創建的。在谷歌上的一段時間會給你一堆結果。
我也不太清楚,您可以指定北,西,等的意思。這可能是一個很好的起點:https://github.com/STRML/react-resizable
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
請記住,它是開源的,所以你可以修改這個軟件,並讓它變得更好。如果你可以發佈你的修改並與他人分享,那將是非常棒的
相關問題
- 1. Jquery UI Draggable:div不在頂部和左側調整大小
- 2. jQuery UI調整大小 - DIV邊框圓角
- 3. 如何從頂部調整無邊界窗口的大小?
- 4. jQuery ui可調整大小不能將元素擴展到左側或頂部
- 5. Jquery ui從頂級錯誤調整大小
- 6. jQuery UI可調整大小
- 7. 調整大小Textarea從邊緣調整大小
- 8. jQuery UI對話框不可拖動或可調整大小
- 9. Jquery UI佈局 - 調整大小,而調整大小?
- 10. jQuery-UI可調整大小,調整子元素大小
- 11. jquery ui可調整大小的左手柄調整大小
- 12. jQuery-UI可調整大小,編程調整大小
- 13. jQuery UI的可調整大小與多個也Resolize
- 14. Jquery的UI - 可調整大小:也resize不準確?
- 15. jQuery-UI可調整大小:按比例調整所有也可調整大小的元素
- 16. CSS完整邊框頂部?
- 17. 也調整iframe jQuery UI .resizable()
- 18. 如何調整JLabel的背景大小或僅應用頂部和底部邊框?
- 19. PopOverController在視圖頂部調整大小
- 20. 自動調整大小和粘(頂部和底部)div jQuery
- 21. jQuery UI的大小可調整爲框的大小:「邊界框」的問題我目前使用
- 22. 使用jqueryui/jquery調整div的頂部大小
- 23. jquery UI可調整大小的問題擴大超出了遏制(draggable也用)
- 24. JQuery可調整大小+ flexbox + jQuery對話框=向後調整大小
- 25. 用JS調整jQuery UI對話框的大小?
- 26. 旋轉也調整大小?
- 27. 調整邊框控制大小
- 28. 如何調整邊框的大小?
- 29. 調整大小時的黑色邊框
- 30. 邊框不調整大小與圖像
這就是問題......我不想使用手柄,我想使用雙方。 – Rolando
這是一個起點。您可以查看代碼以查看如何反應可調整大小的工作,然後擴展以包含您想要的功能。 –