vue的jsx如何模仿v-if进行条件渲染。

Question

例如在下面代码中的el-button按钮要根据某条件进行渲染时，vue的jsx目前我只晓得可以这么写，但当条件跟按钮一多时，这样写就会显得十分不堪，想请教下大神，jsx中如何写判断语句来决定某标签是否渲染呢？let a = 1;if (a === 1) {    return (        <div>            <p>测试</p>            <el-button>测试</el-button>        </div>);} else {    return (         <div>            <p>测试</p>        </div>);}

Answer 1

这样写就行了：

let a = 1;

  return (

    <div>

        <p>测试</p>

        {a === 1 ? <el-button>测试</el-button> : ''}

    </div>);