该实践取自官方教程: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
(#换成@)。