最新消息:20190717 VPS服务器:Vultr新加坡,WordPress主题:大前端D8,统一介绍入口:关于

【基本解决】基于HBuilder的移动app框架去写React.js程序

app crifan 780浏览 0评论

折腾:

【记录】学习HBuilder和React.js

之后,发现好像应该是:

急于HBuilder的mobile app的模版:

文件-》新建-》移动app-》空模板

去创建react.js程序

这样才能方便的打包到手机中

参考:

React 安装 | 菜鸟教程

去用代码:

index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>Hello Dairy Farm!</title>
    
    <script src="https://cdn.bootcss.com/react/15.4.2/react.min.js"></script>
    <script src="https://cdn.bootcss.com/react/15.4.2/react-dom.min.js"></script>
    <script src="https://cdn.bootcss.com/babel-standalone/6.22.1/babel.min.js"></script>
    
    <!–<script type="text/javascript">
    
   document.addEventListener(‘plusready’, function(){
   //console.log("所有plus api都应该在此事件发生后调用,否则会出现plus is undefined。"
   
   });
   
    </script>
    
    <div id="example"></div>–>
</head>
<body>
<div id="example"></div>
    <script type="text/babel">
      ReactDOM.render(
        <h1>Good, Dairy Farm!</h1>,
        document.getElementById(‘example’)
      );
    </script>
</body>
</html>

效果:

手机上也可以方便的看到效果:

然后可以继续深入的开发,折腾试试了。

转载请注明:在路上 » 【基本解决】基于HBuilder的移动app框架去写React.js程序

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
57 queries in 0.210 seconds, using 18.66MB memory