随笔分类 -  React

摘要:<div id="app"></div> <script type="text/babel"> var App=React.createClass({ handle:function(e){ e.preventDefault() console.log(this.refs['hh'].value) 阅读全文
posted @ 2018-06-28 09:38 yaomengli 阅读(583) 评论(0) 推荐(0) 编辑
摘要:浏览器运行的时候 事件打印不出来,提示 此页面出现代码禁用了反向和正向缓存(由于默认事件导致的)要阻止默认事件 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script s 阅读全文
posted @ 2018-06-27 18:15 yaomengli 阅读(7711) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>state</title> <script src="https://cdn.bootcss.com/react/15.4.2/react.min.js"></sc 阅读全文
posted @ 2018-06-26 09:23 yaomengli 阅读(2537) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>菜鸟教程 React 实例</title> <script src="https://cdn.bootcss.com/react/15.4.2/react.min.js"></s 阅读全文
posted @ 2018-06-25 17:04 yaomengli 阅读(3012) 评论(0) 推荐(0) 编辑
摘要:安装node js npm config set registry 'http://registry.npm.taobao.org' npm config list 可以查看配置 npm install webpack -g 全局安装webpack npm install webpack --sav 阅读全文
posted @ 2018-06-20 16:51 yaomengli 阅读(213) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2018-01-08 11:51 yaomengli 阅读(92) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2018-01-08 10:27 yaomengli 阅读(2516) 评论(0) 推荐(0) 编辑
摘要:在实例中我们设置了输入框 input 值value = {this.state.data}。在输入框值发生变化时我们可以更新 state。我们可以使用 onChange 事件来监听 input 的变化,并修改 state。 阅读全文
posted @ 2018-01-05 15:01 yaomengli 阅读(185) 评论(0) 推荐(0) 编辑
摘要:<div id="example"></div><script type="text/babel"> var Ajaxs=React.createClass({ getInitialState:function(){ return{ username:'', lastGistUrl:'' }; }, 阅读全文
posted @ 2018-01-05 14:03 yaomengli 阅读(131) 评论(0) 推荐(0) 编辑
摘要:componentDidMount : 在第一次渲染后调用,只在客户端。之后组件已经生成了对应的DOM结构,可以通过this.getDOMNode()来进行访问。 如果你想和其他JavaScript框架一起使用,可以在这个方法中调用setTimeout, setInterval或者发送AJAX请求等 阅读全文
posted @ 2018-01-04 15:13 yaomengli 阅读(141) 评论(0) 推荐(0) 编辑
摘要:React 添加一个事件 以点击事件为例 一般家在render渲染里 阅读全文
posted @ 2018-01-04 09:40 yaomengli 阅读(1623) 评论(0) 推荐(0) 编辑
摘要:设置状态:setState 替换状态:replaceState 设置属性:setProps 替换属性:replaceProps 强制更新:forceUpdate 获取DOM节点:findDOMNode 判断组件挂载状态:isMounted 两个{{ }} 是表达式 一个{}是调用 render: f 阅读全文
posted @ 2018-01-03 16:21 yaomengli 阅读(184) 评论(0) 推荐(0) 编辑
摘要:props的基本用法 实例中 name 属性通过 this.props.name 来获取。 通过 getDefaultProps() 方法为 props 设置默认值 总结:如果给props设置了默认值 又在React.render调用标签的时候 写上name=Runoob1 那么将优先执行后者 即n 阅读全文
posted @ 2017-11-29 14:23 yaomengli 阅读(159) 评论(0) 推荐(0) 编辑
摘要:React State(状态) React 把组件看成是一个状态机(State Machines)。通过与用户的交互,实现不同状态,然后渲染 UI,让用户界面和数据保持一致。 React 里,只需更新组件的 state,然后根据新的 state 重新渲染用户界面(不要操作 DOM)。 以下实例中创建 阅读全文
posted @ 2017-11-23 12:08 yaomengli 阅读(665) 评论(0) 推荐(0) 编辑
摘要:基本用法封装一个hello world!的组件用到React.creactClass 注意, 原生 HTML 元素名以小写字母开头,而自定义的 React 类名以大写字母开头,比如 HelloMessage 不能写成 helloMessage。除此之外还需要注意组件类只能包含一个顶层标签,否则也会报 阅读全文
posted @ 2017-11-17 16:38 yaomengli 阅读(118) 评论(0) 推荐(0) 编辑
摘要:React 的 JSX 使用大、小写的约定来区分本地组件的类和 HTML 标签。既渲染html标签需要使用小写字母开头的标签名而渲染本地React组件需要使用大写字母开头的标签名 注意: 由于 JSX 就是 JavaScript,一些标识符像 class 和 for 不建议作为 XML 属性名。作为 阅读全文
posted @ 2017-11-17 13:51 yaomengli 阅读(2441) 评论(0) 推荐(0) 编辑
摘要:箭头1要有逗号而且声名的数组arr里不能添加div标签包裸里面的h标签 render渲染里可以有 阅读全文
posted @ 2017-11-16 15:38 yaomengli 阅读(2820) 评论(0) 推荐(0) 编辑
摘要:箭头1处为逗号 二处不能加; 三处为{} 阅读全文
posted @ 2017-11-13 18:03 yaomengli 阅读(846) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示