技术控

    今日:82| 主题:49211
收藏本版 (1)
最新软件应用技术尽在掌握

[其他] 小白学react之页面BaseLayout框架及微信的坑

[复制链接]
妳讓我看透了 发表于 2016-10-5 16:59:53
122 7

立即注册CoLaBug.com会员,免费获得投稿人的专业资料,享用更多功能,玩转个人品牌!

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
天地会珠海分舵注:随着微信应用号的呼之欲出,相信新一轮的APP变革即将发生。作为行业内人士,我们很应该去拥抱这个趋势。其中Reactjs相信是开发webapp的佼佼者,这段时间将会通过改造官方实例alt-tutorial来学习Reactjs相关的知识。
   上一篇《 小白学react之SASS实战 》我们学习了如何通过运用sass来为我们的应用页面“上色”,加入css的支持。
  但是我们到现在为止,每个页面的标题还是系统默认的,这多多少少显得不专业:
   
小白学react之页面BaseLayout框架及微信的坑-1 (业内人士,return,佼佼者,通用,珠海)


小白学react之页面BaseLayout框架及微信的坑-2 (业内人士,return,佼佼者,通用,珠海)

  今天我的目标就是为所有页面提供一个通用的基础布局框架,以便在同一个地方控制不同页面的布局,比如背景颜色以及标题等。
  1. BaseLayout

  1.1 小白方案

  以修改标题为例,假如我们希望在About页面的时候标题显示的是About,在Locations页面的时候标题显示的是Locations。那么,作为小白,我首先想到的办法就是在About.jsx和Locations.jsx页面文件各自的render方法中进行标题的修改。
  About.jsx加入document.title="About"行:
  [code]var About = React.createClass({

  render() {
      document.title = "About";
      return (
         

            

Techgogogo


              他山之石,可以攻玉。主要分享海外最实用的创业,产品,创意,科技,技术等原创原译文章,以助你事业路上一路飞翔!虎嗅,搜狐自媒体,36氪,人人都是产品经理,经理人分享等媒体撰稿人。但,这里才是我们的大本营!
         

      )
  }
})[/code]  Locations.jsx加入docuemnt.title = "Locations"行:
  [code]render() {
    document.title = "Locations";
    return (
            

              

Locations


              
               
              


              

Favorites


              
               
              

            

    );
  }
});[/code]  最终我们看到的结果就是:
12345下一页
更多图片 小图 大图
组图打开中,请稍候......
友荐云推荐




上一篇:Google Patents Context Vectors to Improve Search
下一篇:SQL SERVER – Fix Error Msg 35336 Working with ColumnStore Indexes
酷辣虫提示酷辣虫禁止发表任何与中华人民共和国法律有抵触的内容!所有内容由用户发布,并不代表酷辣虫的观点,酷辣虫无法对用户发布内容真实性提供任何的保证,请自行验证并承担风险与后果。如您有版权、违规等问题,请通过"联系我们"或"违规举报"告知我们处理。

胸大无脑是种心态 发表于 2016-10-5 19:54:31
顶顶更健康!
回复 支持 反对

使用道具 举报

幸福的突击队 发表于 2016-10-5 20:18:53
楼下的接上
回复 支持 反对

使用道具 举报

rt春业逢o 发表于 2016-10-7 03:35:27
就算是一坨屎,也有遇见屎壳郎的那天。所以你大可不必为今天的自己有太多担忧。
回复 支持 反对

使用道具 举报

yinghaizhilin 发表于 2016-10-7 07:52:55
妳讓我看透了最近很积极!
回复 支持 反对

使用道具 举报

拥抱你12 发表于 2016-10-9 02:44:45
报告!别开枪,我就是路过来看看的。。。
回复 支持 反对

使用道具 举报

寒雁 发表于 2016-10-11 04:59:57
明星脱一点就能更出名,我脱的光光的却被抓起来了
回复 支持 反对

使用道具 举报

angelababy杨颖 发表于 2016-10-25 02:17:46
路过,我是来打酱油的!
回复 支持 反对

使用道具 举报

*滑动验证:
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

我要投稿

推荐阅读

扫码访问 @iTTTTT瑞翔 的微博
回页顶回复上一篇下一篇回列表手机版
手机版/CoLaBug.com ( 粤ICP备05003221号 | 文网文[2010]257号 )|网站地图 酷辣虫

© 2001-2016 Comsenz Inc. Design: Dean. DiscuzFans.

返回顶部 返回列表