React
未玄
这个作者很懒,什么都没留下…
展开
-
React创建和渲染
先将React 所需的js 文件连入 <!--React 核心模块--> <script src="js/react.min.js"></script> <!--操作DOM模块--> <script src="js/react-dom.min.js"></script> <!--加载原创 2018-10-12 19:36:33 · 166 阅读 · 0 评论 -
React JSX语法
<!--React 核心模块--> <script src="js/react.min.js"></script> <!--操作DOM模块--> <script src="js/react-dom.min.js"></script> <!--加载 babel 环境的模块-->原创 2018-10-12 19:55:22 · 286 阅读 · 0 评论 -
React 组件
创建组件的方法 var 组件名(首字母大写) = React.createClass({ //该对象中还会有其他键值对,render 只是其中之一,作用是渲染界面,还可以设置声明周期,自定义属性等等... render:function() { return 组件结构; } * }) 注意:如果组件名不大写,使用时会被认为时自定标签,不会出现组件该有的...原创 2018-10-12 20:07:55 · 150 阅读 · 0 评论 -
React props 和 state
props props 获取的是外部传入的值在组件中只能使用不能修改 对象作为属性值 var obj = { name1:"deft", name2:"iboy" } // ... 这是一个语法糖 延迟操作符 ReactDOM.render( <Hello {...obj} />, box ) 函数调用作为属性值 /* ...原创 2018-10-12 20:16:31 · 134 阅读 · 0 评论 -
React 绑定事件
绑定事件以驼峰命名法 {} 内些 this.函数key值 函数以key=value 形式写在组件创建对象内 var Btn = React.createClass({ fun:function(e){ console.log(e); /* * 获取当前事件的触发者, * */ //1,通过事件原对象 console....原创 2018-10-12 20:20:24 · 335 阅读 · 0 评论