分类:React干货

React之JSX语法(二)

React之JSX语法(二)
循环遍历通过循环遍历出生成的组件集合,在循环时一定要加上key值render(){ return ( <p> {arr.map(function(it,i) { return <span key={i}> {it} </s...

6个月前 (2017-01-24) 51℃ 暂无评论 7

React之JSX语法(一)

React之JSX语法(一)
JSX 语法的本质目的是为了使用基于 xml 的方式表达组件的嵌套,保持和 HTML 一致的结构,语法上除了在描述组件上比较特别以外,其它和普通的 Javascript 没有区别。 并且最终所有...

6个月前 (2017-01-24) 60℃ 暂无评论 8

React的ES5与ES6写法对比

React的ES5与ES6写法对比
ES6有许多新的特性,语法也在ES5上有较大的变化,在React中应用广泛,下面列举部分示例,体会一下ES6的语法给我们带来的便利…导入模块ES5var React = require(&#39;react&#39;);va...

6个月前 (2017-01-23) 70℃ 暂无评论 8

meteor 和 react 配合使用

meteor 和 react 配合使用
meteor 和 react 配合使用Meteor 和 react 结合在一起使用,意味着 view 层不使用 meteor 自带的 template 模板,而是由 react 组件代替,数据管理则由 meteor 负责。创建项目首...

7个月前 (2017-01-21) 101℃ 暂无评论 4

Babel从入门到进阶(三)

Babel从入门到进阶(三)
配置 Babel(进阶)大多数人使用 Babel 的内建预设就足够了,不过 Babel 提供了更多更细粒度的能力。手动指定插件Babel 预设就是一些预先配置好的插件的集合,如果你想要做一些不一...

7个月前 (2017-01-19) 52℃ 暂无评论 4

Babel从入门到进阶(二)

Babel从入门到进阶(二)
配置 Babel你或许已经注意到了,目前为止通过运行 Babel 自己我们并没能“翻译”代码,而仅仅是把代码从一处拷贝到了另一处。这是因为我们还没告诉 Babel 要做什么。由于 Babel...

7个月前 (2017-01-19) 43℃ 暂无评论 4

Babel从入门到进阶(一)

Babel从入门到进阶(一)
介绍Babel 是一个通用的多用途 JavaScript 编译器(Babel is a JavaScript compiler.)。通过 Babel 你可以使用(并创建)下一代的 JavaScript,以及下一代的 JavaScript 工具。作为...

7个月前 (2017-01-18) 63℃ 暂无评论 3

React/JSX 的编码规范(二)

React/JSX 的编码规范(二)
其他代码格式注释组件之间的注释需要用 {} 包裹。引号使用HTML/JSX 属性使用双引号 ";JS 使用单引号 &#39;;条件 HTML简短的输出在行内直接三元运算符;较复杂的结构可以在 .ren...

7个月前 (2017-01-16) 41℃ 暂无评论 5

React/JSX 的编码规范(一)

React/JSX 的编码规范(一)
基本规范始终使用 JSX 语法,不要使用 React.createElement 创建 ReactElement,以提高可读性、可维护性、编写速度(没有 JSX 转换的特殊场景例外,如在 console 中测试组件)。每个...

7个月前 (2017-01-16) 60℃ 暂无评论 4