
react.js
function__
宁静致远
展开
-
React Router 使用教程
真正学会 React 是一个漫长的过程。你会发现,它不是一个库,也不是一个框架,而是一个庞大的体系。想要发挥它的威力,整个技术栈都要配合它改造。你要学习一整套解决方案,从后端到前端,都是全新的做法。举例来说,React 不使用 HTML,而使用 JSX 。它打算抛弃 DOM,要求开发者不要使用任何 DOM 方法。它甚至还抛弃了 SQL ,自己发明了一套查询语言 Gr转载 2016-12-12 16:03:55 · 2529 阅读 · 0 评论 -
react引入公用js文件
例:test.js中click_alert函数var CHAT = { click_alert:function(){ alert('触发函数'); },};export default CHAT;demo.jsx文件中使用click_alert函数:import React from 'react';import ReactDOM from 'react-dom';im...原创 2017-06-14 15:56:56 · 33477 阅读 · 1 评论 -
React组件生命周期过程说明
实例化首次实例化getDefaultPropsgetInitialStatecomponentWillMountrendercomponentDidMount实例化完成后的更新getInitialStatecomponentWillMountrendercomponentDidMount存在期组件已存在时的状态改变componentWillR转载 2017-05-18 11:56:19 · 376 阅读 · 0 评论 -
defaultValue与value、placeholder的区别 (react.js)
1.value某些表单元素的设定值。例如<input> 标签的 value 属性2.defaultValuedefaultValue 属性可设置或返回文本域的默认值。注意: 该默认值是规定于 HTML "value" 属性的值。返回 defaultValue 属性:textObject.defaultValue设置 defaultValue 属性:...转载 2017-05-17 10:22:20 · 20732 阅读 · 1 评论 -
React-intl前端国际化
最近在项目中添加了语言国际化的功能。语言国际化,也有人说成是语言本地化,其实就是为Web App添加多语言,我们的项目当前包含了中文版和英文版,按理来说『逐字替换』也不是多大事儿,但是,这么Low的做法,有钱途吗?一开始的时候,我考虑的是传统的为整个项目添加config文件,根据不同的语言和地区,加载不同的config文件,就能够达到界面语言切换的目的。当然,也正是因为这个想法太过于幼稚,...转载 2017-05-27 10:14:56 · 14447 阅读 · 3 评论 -
Babel 入门教程
Babel是一个广泛使用的转码器,可以将ES6代码转为ES5代码,从而在现有环境执行。这意味着,你可以现在就用ES6编写程序,而不用担心现有环境是否支持。下面是一个例子。// 转码前input.map(item => item + 1);// 转码后input.map(function (item) { return item + 1;});上转载 2017-05-24 13:17:28 · 709 阅读 · 0 评论 -
React 入门例子
最近学完React的最基本概念,闲下来的时候就自己写了一个Todo-List的小应用。这里做个简略的说明,给想好好学React的新手看。开始之前学习前提这里我用了webpackb做了babel和JSX预处理和模块打包。所以对React和一些ES2015(ES6)的语法要有一定的了解。我相信学习ES2015绝对是划算的,因为它是Js的规范。这里给出学习的地方,阮一峰老师的转载 2017-04-11 13:52:07 · 697 阅读 · 0 评论 -
react 事件 (笔记)
1.事件处理函数的使用组件:React 自有方法用户定义方法事件处理函数可以接受event参数;如之前用过的:[html] view plain copy//监听内容的变化并且记录在状态中 handleChange: function(event){ this.setState({inputText: even原创 2017-01-19 16:22:04 · 3100 阅读 · 0 评论 -
react state问题(笔记)
状态必须通过setState方法设置后,render方法才会重新调用.方法一: for(each in result['rankArr']){that.state.jobrank_name.push(result['rankArr'][each]['areaname']);}that.setState({jobrank_name:that.state.jobrank_nam原创 2017-02-09 10:27:18 · 402 阅读 · 0 评论 -
ES6,import时如何正确使用花括号'{ }'
在 ES6 之前,社区制定了一些模块加载方案,最主要的有 CommonJS 和 AMD 两种。前者用于服务器,后者用于浏览器。ES6 在语言标准的层面上,实现了模块功能,而且实现得相当简单,完全可以取代 CommonJS 和 AMD 规范,成为浏览器和服务器通用的模块解决方案。而我们这里要说的是在使用import语法引用模块时,如何正确使用{}。假如有一个B.js,想要通过im转载 2018-01-12 08:47:45 · 12084 阅读 · 2 评论