React note5（条件渲染&状态提升&todolist）

React条件渲染

---

开发中，创建不同的组件来封装各种你需要的行为。然后还可以根据应用的状态变化只渲染其中的一部分。

React 中的条件渲染和 JavaScript 中的一致，使用 JavaScript 操作符 如if 或条件运算符来创建表示当前状态的元素，然后让 React 根据它们来更新 UI。

（一）条件渲染—if 语句

在React中使用if语句条件渲染是最简单的，但是注意jsx中不允许有if。

（二）条件渲染—三目运算符

条件渲染的另一种方法是使用 JavaScript 的条件运算符。

（三）条件渲染—&&

条件渲染的另一种方法是使用 JavaScript 的条件运算符&&但是注意该种方法只能渲染一个组件。

React状态提升

---

React中的状态提升概括来说，就是多个组件需要反映相同的变化数据，提升到它们最近的父组件上。在父组件上改变这个状态然后通过props分发给子组件。

状态提升也就是：
两个子组件需要利用到对方的状态的话，那么这个时候我们就需要使用到状态提升。

可参考博文：https://www.jianshu.com/p/f2984fccade3

React 写一个 todolist

---

1.基本展示与添加

代码提示

2、点击删除弹出提示框进行删除

代码

3、点击修改在弹出框输入修改内容

confirm

代码