我有一个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
这是一个起点。您可以查看代码以查看如何反应可调整大小的工作,然后扩展以包含您想要的功能。 –