使用 React 构建导航工作流

使用 React 构建导航工作流

Q: 我什么时候能看到讲座和作业？

要获得课程资料、作业和证书，您需要在注册课程时购买证书体验。 您可以尝试免费试听，或申请资助。课程可能提供 "完整课程，无证书"。通过该选项，您可以查看所有课程资料，提交必要的评估，并获得最终成绩。这也意味着您无法购买证书体验。

本课程是使用 React 进行前端开发专项课程的一部分

位教师：NIIT

包含在中

了解更多

3个模块

深入了解一个主题并学习基础知识。

中级等级

需要一些相关经验

1 周完成

在 10 小时一周

灵活的计划

自行安排学习进度

3个模块

深入了解一个主题并学习基础知识。

中级等级

需要一些相关经验

1 周完成

在 10 小时一周

灵活的计划

自行安排学习进度

您将学到什么

使用 React 库创建表单和复杂的导航工作流

您将获得的技能

您将学习的工具

要了解的详细信息

可分享的证书

添加到您的领英档案

作业

3 项作业

授课语言：英语（English）

了解顶级公司的员工如何掌握热门技能

了解关于 Coursera for Business 的更多信息

Petrobras, TATA, Danone, Capgemini, P&G 和 L'Oreal 的徽标

积累特定领域的专业知识

本课程是使用 React 进行前端开发专项课程专项课程的一部分

在注册此课程时，您还会同时注册此专项课程。

向行业专家学习新概念
获得对主题或工具的基础理解
通过实践项目培养工作相关技能
获得可共享的职业证书

该课程共有3个模块

表单是现代工作流程的重要组成部分。它们是收集、验证和存储用户数据以提供良好用户体验的主要媒介。 React 库有助于使用受控组件开发表单。此外，React 库还得到了 React Router 库的支持，该库可帮助开发人员快速启用组件之间的路由。

"表单是现代工作流程中不可或缺的一部分。它们有助于构建交互式网络应用程序，允许用户提供所需的输入。React 使用两种不同的方法来捕获和验证用户输入。在本学习冲刺阶段，您将学习使用受控和非受控组件构建简单的表单。获得的实践经验将使您能够使用受控组件创建表格。这些组件允许 React 通过直接设置和更新输入值来完全控制元素。"

涵盖的内容

10个视频2篇阅读材料1个作业1个编程作业

10个视频总计33分钟

背景设置 2分钟
创建受控组件来实现 React 表单 4分钟
观看并重复：使用受控组件构建 React 表单 4分钟
构建不受控制的组件来处理表单 6分钟
观看并重复：使用不受控组件构建 React 表单 4分钟
在 React 表单中管理验证和错误信息 2分钟
观看并重复：使用自定义验证来验证 React 表单 7分钟
实践简介 1分钟
实践汇报 2分钟
学习巩固 1分钟

2篇阅读材料总计20分钟

上传编程作业解决方案的说明 10分钟
在 React 中构建表单 10分钟

1个作业总计30分钟

在 React 中构建表单 30分钟

1个编程作业总计75分钟

使用受控组件实现具有上传功能的 ViewTube 75分钟

"当表单变得庞大时，跟踪和访问控件状态的任务就会变得复杂。Formik 库有助于在表单状态中获取值，对用户输入执行验证，并处理表单提交。在本学习冲刺阶段，您将学习使用 Formik 库提供的组件在单页应用程序中构建表单。您将创建表单控件，并使用 Yup 模式验证器验证捕获的输入。

涵盖的内容

9个视频1篇阅读材料1个作业1个编程作业

9个视频总计31分钟

背景设置 3分钟
解释如何使用 Formik 在表单状态中输入和输出值 9分钟
使用 Formik 创建自定义验证 3分钟
观看并重复：使用 Formik 库构建 React 表单 3分钟
使用 Yup 管理验证和错误信息 3分钟
观看并重复：使用 Yup 验证 React 表单 5分钟
实践简介 1分钟
实践汇报 2分钟
学习巩固 1分钟

1篇阅读材料总计10分钟

使用 Formik 在 React 中构建表单 10分钟

1个作业总计30分钟

使用 Formik 在 React 中构建表单 30分钟

1个编程作业总计75分钟

使用 Formik 实现具有上传功能的 ViewTube 75分钟

"用户在单页面应用程序（Single Page Application，SPA）中执行应用程序任务时，需要在应用程序的不同视图之间移动。在 SPA 中，与组件相对应的视图向用户显示或隐藏，而不是请求服务器生成新页面。React 库没有内置的路由支持。在本学习冲刺阶段，您将探索 react-router-dom 软件包提供的各种组件，以构建可导航的工作流。本冲刺阶段的实践练习将要求您通过提供路由配置来增强给定的应用程序，并为视图添加导航链接，使应用程序具有可导航性"。