react 闲谈之 JSX

2024-09-05 08:08:29

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

最新文章

热门文章