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
(#换成@)。