我有一个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. jQuery ui可调整大小不能将元素扩展到左侧或顶部
- 4. jQuery UI可调整大小
- 5. 调整大小Textarea从边缘调整大小
- 6. jQuery UI对话框不可拖动或可调整大小
- 7. jQuery-UI可调整大小,调整子元素大小
- 8. Jquery UI布局 - 调整大小,而调整大小?
- 9. Jquery的UI - 可调整大小:也resize不准确?
- 10. jQuery UI的可调整大小与多个也Resolize
- 11. CSS完整边框顶部?
- 12. 也调整iframe jQuery UI .resizable()
- 13. 如何调整JLabel的背景大小或仅应用顶部和底部边框?
- 14. PopOverController在视图顶部调整大小
- 15. 使用jqueryui/jquery调整div的顶部大小
- 16. JQuery可调整大小+ flexbox + jQuery对话框=向后调整大小
- 17. 用JS调整jQuery UI对话框的大小?
- 18. 调整边框控制大小
- 19. 调整边框大小的问题
- 20. 如何调整边框的大小?
- 21. 旋转也调整大小?
- 22. jQuery UI - 使div不能调整大小
- 23. jQuery UI的调整大小的问题
- 24. 在jQuery-UI中调整图标大小
- 25. jQuery UI可调整大小snap to size
- 26. JQUERY UI Accordion调整窗口大小?
- 27. jquery ui:窗口可调整大小
- 28. jQuery UI的麻烦:可调整大小
- 29. 替代jQuery UI可调整大小
- 30. jQuery UI的调整大小的div
这就是问题......我不想使用手柄,我想使用双方。 – Rolando
这是一个起点。您可以查看代码以查看如何反应可调整大小的工作,然后扩展以包含您想要的功能。 –