react能结合jQuery mobile使用吗

<!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相应的样式效果

阅读 7.7k
4 个回答

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

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

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题