当前位置:Gxlcms > html代码 > HTML标签与React组件对比_html/css_WEB-ITnose

HTML标签与React组件对比_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:59人阅读

预计阅读时间: 5 分钟

–React 的 JSX 里约定分别使用首字母大、小写来区分本地组件的类和 HTML 标签。

要渲染 HTML 标签,只需在 JSX 里使用小写字母开头的标签名

var myDivElement = 
;React.render(myDivElement, document.body);

要渲染 React 组件,只需创建一个大写字母开头的本地变量。

var MyComponent = React.createClass({/*...*/});var myElement = ;React.render(myElement, document.body);

转换

JSX 把类 XML 的语法转成纯粹 JavaScript

var Nav;// 输入 (JSX):var app = 
输出 (JS):var app = React.createElement(Nav, {color:"blue"});//注意,要想使用

人气教程排行