react能结合jQuery mobile使用吗

发布于 2022-09-04 08:33:37 字数 1842 浏览 12 评论 0

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>实名认证</title>
    <link rel="stylesheet" href="css/jquery.mobile.min.css" />
    <script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript" src="js/jquery.mobile.min.js"></script>
    <script type="text/javascript" src="js/react.js"></script>
    <script type="text/javascript" src="js/react-dom.js"></script>
    <script type="text/javascript" src="js/react-with-addons.js"></script> 
    <script src="js/browser.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
    <div data-role="page" id="uimain">
    </div>
        <script type="text/babel">
        
            var ShmyzForm = React.createClass({
                render:function (){
                    return <div data-role="main" className="ui-content">
                            <form method="post" action="demoform.php">
                               <div className="ui-field-contain">
                                <label htmlFor="info">附加信息:</label>
                                <textarea></textarea>
                              </div>
                              <input type="submit" data-inline="true" value="提交" />
                            </form> 
                          </div>
                }
            });
            
            ReactDOM.render(
                <ShmyzForm />,
                document.getElementById('uimain')
            );
    </script>
</body>

</html>

react能不能结合jQuery mobile使用呢,上面的代码没有jq-mb相应的样式效果

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

青春如此纠结 2022-09-11 08:33:37

没有规定不能啊,但是自己要想清楚,你为什么要用

  • 此库是否会影响你的项目加载速度,你对这个库的利用率是多少,通常你只要一些小功能没必要引入一个大库,浪费很多资源。
  • 是否对你现在的项目架构有冲突,对react来说,你如果使用jq来操作真实dom就需要谨慎了,它们会相互冲突,例如用react做渲染到你添加的真实dom上,会覆盖掉的。
  • 学习成本,这个没说的了……

最后建议呀,多看看你node_modules中的模块,这样可以充分利用其他库的依赖。比如你用antd了,你还在用new Date 来操作转换时间。。。 这时你可以学习一下它的内部依赖moment,白给的包,要充分利用起来。

鲜血染红嫁衣 2022-09-11 08:33:37

不能啊react操作的是虚拟dom jquery不是

杯别 2022-09-11 08:33:37

ReactDOM.render 方法中不能使用 jquery获取dom元素,jquery 操作的是真实dom,react操作的是虚拟dom,但可以在生命周期 componentDidMount 函数中使用jquery操作dom元素,这时你获取的元素已经渲染到了浏览器,已经是真实的dom。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文