![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React Native js笔记
文章平均质量分 84
daily886
这个作者很懒,什么都没留下…
展开
-
第一节,加载react native js文件的方法和渲染元素
Document <!-- 原本的 react package 被拆分为 react 及 react-dom 两个 package。其中 react package 中包含 React.createElement、 .createClass、 .Component, .PropTypes, .Children 这些 API,而 react-dom package 中包含 React原创 2016-12-16 11:20:24 · 1112 阅读 · 0 评论 -
promise是什么,使用方法
2015年6月份, ES2015正式发布(也就是ES6,ES6是它的乳名),其中Promise被列为正式规范。作为ES6中最重要的特性之一,我们有必要掌握并理解透彻。本文将由浅到深,讲解Promise的基本概念与使用方法。 ES6 Promise 先拉出来遛遛复杂的概念先不讲,我们先简单粗暴地把Promise用一下,有个直观感受。那么第一个问题来了,Promise是什么玩意转载 2017-04-27 16:32:54 · 3980 阅读 · 1 评论 -
promise随笔
Documentconsole.dir(Promise);//Promise是一个构造函数,自己身上有all、reject、resolve这几个眼熟的方法,原型上有then、catch等同样很眼熟的方法。这么说用Promise new出来的对象肯定就有then、catch方法喽,没错。//调用promise------------------------原创 2017-04-27 16:34:31 · 385 阅读 · 0 评论 -
第九节,ajax异步处理,需要引用jquery
Document<!-- 原本的 react package 被拆分为 react 及 react-dom 两个 package。其中 react package 中包含 React.createElement、 .createClass、 .Component, .PropTypes, .Children 这些 API,而 react-dom package 中包含 ReactDOM原创 2017-04-27 10:12:22 · 272 阅读 · 0 评论 -
第八节,改变元素css,设置定时器
Document<!-- 原本的 react package 被拆分为 react 及 react-dom 两个 package。其中 react package 中包含 React.createElement、 .createClass、 .Component, .PropTypes, .Children 这些 API,而 react-dom package 中包含 ReactDOM原创 2017-04-26 18:05:05 · 4566 阅读 · 0 评论 -
React Native js框架学习
现在最热门的前端框架,毫无疑问是 React。上周,基于 React 的 React Native 发布,结果一天之内,就获得了 5000 颗星,受瞩目程度可见一斑。React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 Instagram 的网站。做出来以后,发现这套东西很好用,就在201转载 2016-12-15 11:33:53 · 1015 阅读 · 0 评论 -
使用onChange ,获取input标签的值
Document<!-- 原本的 react package 被拆分为 react 及 react-dom 两个 package。其中 react package 中包含 React.createElement、 .createClass、 .Component, .PropTypes, .Children 这些 API,而 react-dom package 中包含 ReactDOM原创 2017-04-17 18:15:40 · 20924 阅读 · 0 评论 -
第六节,用户交换,操作this.state对象
Document <!-- 原本的 react package 被拆分为 react 及 react-dom 两个 package。其中 react package 中包含 React.createElement、 .createClass、 .Component, .PropTypes, .Children 这些 API,而 react-dom package 中包含 React原创 2017-04-17 17:52:38 · 1205 阅读 · 0 评论 -
第五节,添加焦点事件
Documentlet MyInput = React.createClass({handleClick : function(){//定义一个方法 handleClick ,控制获取焦点事件this.refs.myTextInput.focus();//this.refs.myTextInput 可以获取 ref="myTextInput"的元素},r原创 2017-04-17 17:27:58 · 305 阅读 · 0 评论 -
第二节,循环输出数组标签
Documentvar name = ['kitty','mary','king'];ReactDOM.render({ //使用js函数时,用{}包着name.map(function(name,i){ return hello , {name}! //使用react循环或者遍历时,需要在标签里加上key={},否则报错})}原创 2016-12-20 11:51:11 · 1322 阅读 · 0 评论 -
React Native入门:关于JSX语法
JSX语法,像是在Javascript代码里直接写XML的语法,实质上这只是一个语法糖,每一个XML标签都会被JSX转换工具转换成纯Javascript代码,React 官方推荐使用JSX, 当然你想直接使用纯Javascript代码写也是可以的,只是使用JSX,组件的结构和组件之间的关系看上去更加清晰。看代码:js 代码://使用JSXReact.render( div>转载 2016-12-20 16:53:48 · 706 阅读 · 0 评论 -
React Native的this.props获取属性
一、什么是属性React官方文档上对于属性的介绍如下:React 里有一个非常常用的模式就是对组件做一层抽象。组件对外公开一个简单的属性(Props)来实现功能,但内部细节可能有非常复杂的实现。React中的每一个组件,都包含有一个属性(props),属性主要是从父组件传递给子组件的,在组件内部,我们可以通过this.props获取属性对象二、属性的使用方法转载 2016-12-20 11:47:55 · 2979 阅读 · 0 评论 -
第四节, this.props.children 获取子元素并插入
Documentvar NodeList = React.createClass({render : function(){return ({this.props.children.map((child,index) => {return {child};}) //this.props.children可以获取当前元素的子元素,map方法只能在child原创 2016-12-21 10:27:28 · 5611 阅读 · 0 评论 -
第十节,使用promise操作ajax
Document<!-- 原本的 react package 被拆分为 react 及 react-dom 两个 package。其中 react package 中包含 React.createElement、 .createClass、 .Component, .PropTypes, .Children 这些 API,而 react-dom package 中包含 ReactDOM原创 2017-04-27 17:53:32 · 1013 阅读 · 0 评论