你的位置:首页 > 软件开发 > Java > React 基础入门,基础知识介绍

React 基础入门,基础知识介绍

发布时间:2016-10-12 16:00:16
React不管在demo渲染还是UI上,都是十分方便,本人菜鸟试试学习一下,结合阮一峰老师的文章,写下一点关于自己的学习react的学习笔记,有地方不对的地方,希望各位大牛评论指出;PS:代码包下载:react包引入,在标签里引入包;<html> <head&g ...

React不管在demo渲染还是UI上,都是十分方便,本人菜鸟试试学习一下,结合阮一峰老师的文章,写下一点关于自己的学习react的学习笔记,有地方不对的地方,希望各位大牛评论指出;

PS:代码包下载:

react包引入,在标签里引入包;

<html> <head>  <script src='/images/loading.gif' data-original="../build/react.js"></script>  <script src='/images/loading.gif' data-original="../build/react-dom.js"></script>  <script src='/images/loading.gif' data-original="../build/browser.min.js"></script> </head> <body>  <div id="example"></div>  <script type="text/babel">    // ** Our code goes here! **  </script> </body></html>
 

1.基础语法:

ReactDom.render 工三个参数,第一个元素 ,第二个是绑定的元素,第三个是回调函数

JSX语法:遇到<>开头用 HTML语法解析,遇到{} 用javascript 解析;

 

 

 ReactDom.render(

 <div>

  {

names.map(function (name) {

//这里可以定义变量

      return <div>Hello, {name}!</div>

    })

  }

  </div>,

  document.getElementById('example')

)

 

 

2.组件

var NewString = React.createClass({ReactDOM.render(

原标题:React 基础入门,基础知识介绍

关键词:react

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

可能感兴趣文章

我的浏览记录