React 基础语法的学习

#React 基础语法的学习| 来源: 网络整理| 查看: 265

什么是JSX？ //React创建元素方法 const element = React.CreateElement('div',{classNmae:'div'},'hello world') //使用JSX创建 const element = hello world

通过比较我们可以发现，用用第二种方法创建更为直观和简洁。

但是用第二种方法创建这个有趣的标签，它既不是字符串，也不是HTML

它被称之为JSX，是JS的一个语法拓展，建议在React中配合JSX，JSX其实是一个语法糖，可以很好的描述UI应该呈现出它应有交互的本质形式。JSX可能会使人联想到模板语言，但是他具有JS的全部功能，在React开发中，会经常使用一种特殊语法来描述React组件，它叫做JSX，JSX可以生成React"元素"

JSX它表示的是对象

Babel会把JSX转译为React.CreateElement（）函数调用，所以说JSX相当于是React.CreateElement的语法糖,是它的简化写法

【本文地址】

公司简介

联系我们