-
lefecucle
查看全部 -
React 前置知识
查看全部 -
初始React
查看全部 -
查看全部 -
查看全部 -
will did相关函数
查看全部 -
js部分：first-引入JSX语法糖对应的解析JS，以及react.js库 <Script src="JSXTransformer.js"></Script>/*注意，0.14之后，依赖库已经改为browser.js*/ 然后写JSX的Script标签内的type要改 <Script type="text/jsx">/*注意，0.14之后，标签已经改为text/bable*/ var Hello = React.createClass({ render: function(){ /*添加组件属性，有一个地方需要注意，就是 class 属性需要写成 className ，for 属性需要写成 htmlFor ，这是因为 class 和 for 是 JavaScript 的保留字。然后，属性名都是驼峰命名法*/ return <div className="fontcolor">Hello {this.props.name}</div> } }); ReactDOM.render( <Hello name="World" ></Hello>, document,getElementById('example'); ); </Script> 1. JSX 实际上是一种语法糖，写法类似原生的HTML 嵌套一些JS 变量，其中的JS 变量部分需要用一对大括号包括（如视频里的`{this.props.name}`）。JSX 最终会由解析器编译成真正的JS（视频里没讲到的是，JSX 并不是必须的，需要渲染的内容完全可以直接用JS 写）； 2. JSX 中如果要为标签设置类属性，其名称应为`className`；因为`class`是JS 里的关键字（JSX 只是语法糖，最后要被编译成JS，所以要考虑JS 的语法约束）； 3. JSX 中为标签设置样式属性，属性值应为一个对象；由于对象的字面量形式包括一对大括号，所以实际写法应该是`style={{color: "red", fontSize: '16px'}}`。注意到这里定义字体大小用的是`fontSize`而不是`font-size`，因为JS 操作CSS 属性名就是以驼峰形式的。
查看全部 -
https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/react.js
https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/JSXTransformer.js
<!-- React -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.js"></script>
<!-- JSX 脚本 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.6.16/browser.js"></script>
查看全部 -
mvvm查看全部
-
事件绑定处理查看全部
-
自定义组件中
返回html标签中，只能返回一个组件，如果有多个可以用div去包起来。
查看全部 -
注意this的指代
查看全部 -
调用的函数
查看全部 -
react 组件生命周期
查看全部 -
jx中加入css属性
查看全部
举报