onface/render.react

Conditional Rendering

render.react

<Render if={loading} >
    loading
    <Else if={loading === undefined}>
        default
    </Else>
    <Else>loaded</Else>
</Render>
<Render switch={type} >
    <Case c="pass" >成功</Case>
    <Case c="fail" >失败</Case>
</Render>

render.react

React if switch 条件渲染

在线文档

让代码更易读 支持 switch case 语句

语法简洁 接近 template 语法，减少嵌套结构

隐藏或销毁 配置 useDisplay 控制切换现显示时销毁还是 display:none;

Creator

NimoChu