react 闲谈 之 JSX

jsx元素-> React.createElement -> 虚拟dom对象 -> render方法

1.在react中想将js当作变了引入到jsx中需要使用{}

2.在jsx中,相邻的两个jsx元素 渲染时需要外面包裹着一层元素

3.{}取值表达式 取的是有返回值的结果

4.如果多个元素想在return 后面换行我们需要加一个()当作整体返回

5.<{来判断当前是js还是html

index.js文件如下

import React from 'react';
import ReactDOM from 'react-dom';let str = '简直走别拐弯'
function bulid(str){
return(
<div>
<h3>{str.name}</h3>
<h3>{str.name</h3>
</div>
)
}let el = <div>{build({str:name})}</div>;
ReactDOM.render(el,document.getElementById(''root));