React基础教程（06）：条件渲染

1 条件渲染

使用条件渲染，结合TodoList案例，进行完善，实现以下功能：

• 当列表中的数据为空的时候，现实提示信息暂无待办事项
• 当列表中存在数据的时候，提示信息消失

这里介绍三种实现方式。

注意这里的Empty是前端框架Antd的组件，如果安装了antd直接使用即可，如果没有安装可以用div代替也是可以的。这里为了更直观，所以使用了前端框架antd的Empty组件。

1、三元操作符

{
   /*方式一*/}
{
   this