你的位置:首页 > 软件开发 > Java > React实践(一)

React实践(一)

发布时间:2015-06-23 12:00:16
该实践取自官方教程:https://github.com/reactjs/react-tutorial主要是自实现的过程以及一些心得体会 该实践是实现一个评论框。一个展示所有评论的视图一个提交评论的表单与后台的接口hook特点:评论提交之前就先显示在列表中,提高体验其他用户的 ...

该实践取自官方教程:https://github.com/reactjs/react-tutorial

主要是自实现的过程以及一些心得体会

 

该实践是实现一个评论框。

  • 一个展示所有评论的视图
  • 一个提交评论的表单
  • 与后台的接口hook

特点:

  • 评论提交之前就先显示在列表中,提高体验
  • 其他用户的评论实时更新
  • 可用markdown格式编写文本

 

开始

 下面就是我们的index.html模板文件,看官copy过去吧。之后的所有代码都写在script里面

 1 <!-- index.html --> 2 <html> 3  <head> 4   <title>Hello React</title> 5   <script src='/images/loading.gif' data-original="http://fb.me/react-0.13.0.js"></script> 6   <script src='/images/loading.gif' data-original="http://fb.me/JSXTransformer-0.13.0.js"></script> 7   <script src='/images/loading.gif' data-original="http://code.jquery.com/jquery-1.10.0.min.js"></script> 8  </head> 9  <body>10   <div id="content"></div>11   <script type="text/jsx">12    // Your code here13   </script>14  </body>15 </html>

原标题:React实践(一)

关键词:react

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录