react<></>短语法

const MyElement = (props): JSX.Element => {
    var handleOnClick = function (params: any) {

    }

    return <><div>
        <button onClick={handleOnClick}>click</button>
    </div></>;
    ;
};
const MyElement = (props): JSX.Element => {
    var handleOnClick = function (params: any) {

    }

    return <React.Fragment key={"0"}><div>
        <button onClick={handleOnClick}>click</button>
    </div></React.Fragment>;
    ;
};
<></><React.Fragment></React.Fragment>的语法糖

它主要用于不需要一个实体的父元素或者是根元素去包裹的情况,
其次React.Fragment可以有个key属性

 

posted @ 2023-02-18 22:04  全栈攻城师  阅读(11)  评论(0)    收藏  举报