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));