React全家桶：1.react库主题；2.webpack 自动化的一个构架工具（grunt gulp);3.flex 布局用的；4.redux view层用，把特别复杂的html页面分成一部分一部分的；5.babel:编译器； jsx语法： 不能直接用，要编译；它就相当于js编译器，把普通的js转 ...
分类：
其他好文 时间：
2017-03-27 22:54:47
阅读次数：
215
【JXS In Depth】 1、Spread Attributes If you already have props as an object, and you want to pass it in JSX, you can use ... as a "spread" operator to p ...
分类：
其他好文 时间：
2017-03-23 20:12:49
阅读次数：
152
react基础小结 1. 例子 4. 样式 css样式： 5. 事件 如：click 注意：onClick驼峰写法 6. 循环 7. 判断 jsx中一般会用到三元表达式（表达式也是放在{}中的） 如： 也可以这样使用： 8. 数据传递&数据变化 1） props 如果 在Header组件中可以这样取 ...
分类：
其他好文 时间：
2017-03-17 17:45:07
阅读次数：
203
1.JSX语法 例dome4 遇到HTML标签(以<开头)，就用html解析； 遇到代码块(以[开头)，就用JS解析； <div id="example"></div> <script type="text/babel"> var arr=[ <h1>qweqqwe</h1>, <h2>qweqqw ...
分类：
其他好文 时间：
2017-03-14 12:22:47
阅读次数：
250
上图组件中的JSX与HTML类似，更加直观，可读性比较高 代码运行结果如图： JSX 允许直接在模板插入 JavaScript 变量 ...
分类：
Web程序 时间：
2017-03-07 19:32:31
阅读次数：
148
react.min.js >是react的核心文件 react-dom.min.js >提供相应的DOM功能 browser.min.js >将JSX语法转为JavaScript。 ...
分类：
Web程序 时间：
2017-03-07 19:01:16
阅读次数：
262
一、ES6 的编译方法 目前主流的浏览器还不支持ES6。 现在一般采用webpack 和 <script type="text/babel">对jsx 语法进行编译，编译成正常的js语言。type='text/babel' 这个是引用babel.js库。 二、react 中有个PropTypes 在 ...
分类：
其他好文 时间：
2017-03-06 15:42:15
阅读次数：
175
初学react，为什么页面不显示?各位莫见笑 初学react，为什么页面不显示?各位莫见笑 这是源码，把jsx改成babel也不行。页面死活都是一片空白。 <!DOCTYPE html"> <html> <head> <title>发布活动</title> <script src="build/re ...
分类：
其他好文 时间：
2017-03-03 01:23:45
阅读次数：
545
JSX并不是使用React的一个强制需求。当你不需要在你的构造环境里设置编译那么不使用JSX会很方便。 每一个JSX元素只是调用React.createElement(componnet, props, ...children)的语法糖。因此，JSX能做的事原生js同样也做得到。 举个例子，下面的代 ...
分类：
Web程序 时间：
2017-03-01 16:33:27
阅读次数：
190
根本上，JSX只是为React.createElement(component, props, ...children)函数提供语法糖。JSX代码是这样的： 编译成这样： 你也可以使用自己闭合的标签块如果它们没有子元素。 编译成这样： 如果你想要测试JSX是怎样转换成js的，你可以试一试在线Babe ...
分类：
Web程序 时间：
2017-02-22 12:36:17
阅读次数：
130
