React 实现 Vue 中 v-if 指令

&&

使用逻辑与操作，当存在变量时执行之后的逻辑。

代码

当存在html变量时，再追加div元素。

export default function Page({html}: {html?: string}) {
    return (
        <>
            <div>
                {
                    html && <div dangerouslySetInnerHTML={{__html: html}}/>
                }
            </div>
        </>
    )
}