七爪程式库：React Todo 应用教程

链表。可视去除滑鼠时将一连串此机制。重要的是要记住，这世界不不应反之亦然改变静止状态。因此，我们须要先为脱氧核糖核酸 Todos 链表，然后日后去除 todo 项。要脱氧核糖核酸 Todos 链表并将日历法律条文去除到其之中，我们将使用 Array 展开表达式。

const addTodo = () => { setTodos([...todos, todo]); };

我们要必要在将属于自己 Todo 项去除到沙罗时该系数不为浮。这可以通过 addTodo 变数之中的 if 表达式来收尾，该表达式健康检查浮系数。此外，在将可用的系数去除到日历法律条文沙罗后，我们要清除可用字符串。

最终，我们将此变数发送到给 Addbutton 的 onClickhandler。

3.看出日历法律条文

我们将使用类 todo-list 创建者一个 ul 来看出 Todos 沙罗之中的详见。 我们将使用 map() 新方法遍历链表之中的元素，然后在 ulelement 之副参谋长它们看出为 li。 我们将使用两个数值调用 map() 新方法，链表之中将要处理的理论上项的系数及其检索。 出于我们的目的，检索将用作 li 的键。

我们将为 Todos 沙罗之中的每个工程项目创建者一个类似于 todo 类的从新 div。 这个 div 将有一个 liitem 和一个使用删掉它的删掉滑鼠。

我们要必要沙罗在看出早先不为浮。 三元表达式将使用看出沙罗项以及沙罗为浮时的传闻。

删掉日历法律条文

让我们首先为创建者一个在可视删掉滑鼠时一连串的 onClick 变数。 filter() 新方法将在此删掉变数之中使用，它将在结构上一个都有所有作废先决条件的详见的从新链表。 在我们的下述之中，我们希望创建者一个属于自己 Todos 链表，其之中都有除将要删掉的项之外的所有项。 最终，使用重命名者的 Todos 升级静止状态。

将 deleteTodo 新方法发送到给删掉滑鼠的 onClick 驱动程序。

代码重构

为了收集用户可用并看出 Todos 工程项目，我们可以通过协作两个独立的元件 TodoInput 和 TodoList 来修葺我们的运用程序。 在 src 检索之中，创建者两个邮件：TodoInput.js 和 TodoList.js。 使用以下代码片段之中指示的素材填充每个邮件：

最终，在 App.js 元件之中导向这两个元件：

现在您不太可能熟知了基础知识，是时候于是就协作您的第一个 React 运用程序了。 祝你好运，孤独解码

。

湖北皮肤病检查费用
厦门白癜风医院哪家治疗最好
长春皮肤病医院
上海看妇科去哪里好
重庆男科去哪看
民生关注
感冒咳嗽有黄痰吃什么药
急性支气管炎咳嗽怎么治
如何除皱
妇产科综合