是如何使用的
JSX的具体使用
在JSX中嵌入表达式{ 表达式 }
双大括号内可以是变量,字符串,数组,函数调用, 但是不可以是对象,也不支持 if,for语句
例如:你在插值表达式里写对象:它是会报错的...的原理,理解了这个,你将会知道一个JSX究竟是怎么工作,以及怎么渲染到页面上去的
JSX原理
页面中的DOM元素结构都可以用javascript对象来描述,包括的信息有,标签名,属性,子元素,事件对象...在JS里面,一切皆对象,对象的特点就是,含有属性或者方法,,其实任何东西,都可以用对象去描述
例如:如下的JSX结构
<input...,包括标签名,属性,子元素以及事件对象等
使用React一定要引入React库,引入这个是为了解析识别JSX语法糖(React.createElement()函数的替代)
当然另一方面也是为了创建虚拟DOM...(没有对象,送你个对象,哈哈)
而引入react-dom的原因就是,为了将虚拟DOM转换为真实DOM,然后把这个DOM元素插入到页面中,这正是ReactDOM.render()做的事情,把组件渲染并且构造