react的使用语法
来源:互联网 发布:怎么做好网络免费推广 编辑:程序博客网 时间:2024/06/09 22:16
1. <script>
标签的 type
属性为 text/babel
。这是因为 React 独有的 JSX语法,跟JavaScript不兼容。凡是使用 JSX的地方,都要加上 type="text/babel"
。
2. ReactDOM.render( ),用于将模板转为 HTML语言,并插入指定的 DOM节点。
3. JSX 的基本语法规则:遇到 HTML标签(以 <
开头),就用 HTML规则解析;遇到代码块(以 {
开头),就用 JavaScript规则解析。JSX 允许直接在模板插入JavaScript变量。如果这个变量是一个数组,则会展开这个数组的所有成员
4. React.createClass( )用于生成组件类,所有组件类都必须有自己的 render
方法,用于输出组件。组件类的第一个字母必须大写,另外,组件类只能包含一个顶层标签。
Eg.var HelloMessage = React.createClass({
render:function() {
return <h1>Hello{this.props.name}</h1>;
}
});
ReactDOM.render(
<HelloMessage name="John"/>,
document.getElementById('example')
);
5. 组件可以加入任意属性,注意class
属性需要写成 className
,for
属性需要写成 htmlFor
,这是因为 class
和 for
是 JavaScript 的保留字,属性值可以用this.props获取,如this.props.className。
0 0
- react的使用语法
- React-Native ES6使用语法和underscore的使用
- React+ES6的语法坑
- 使用ES6语法重构React组件
- React(3) react 语法
- 浅谈React的JSX语法(一)
- 浅谈React的JSX语法(二)
- ES6语法重构的react组件
- React refs的使用
- react-navigation的使用
- 【React Native开发】- React Navigation的使用
- react中react-redux和react-router4.*的配合使用
- React牵手JSX - 使用XML语法编写JAVASCRIPT
- ReactJS学习系列课程(React ES6语法使用)
- ReAct 基本语法
- ReAct 入门常用语法
- React Native基本语法
- React基础语法学习
- angular-cli更新(link方式安装)
- 输入的革命,光与电的交织
- 浅析Linux中通配符与正则表达式
- TypeError: Cannot read property 'password' of undefined
- Java WEB项目如何实现验证码
- react的使用语法
- 点云滤波简介
- Spring IOC
- 获取网络接口信息——ioctl()函数与结构体struct ifreq、 struct ifconf
- lucene6之TextField与StringField对比
- IR-CUT选择须知
- Java 判断某个时间是否在条件时间之内
- Markdown官方文档[翻译]
- 数据类型/强制类型转换 和运算符---标识符规则/关键字 a++和++a区别