前端编码挑战
小部件页面
请使用React和其他相关库构建一个简单的Web应用程序。
要求
小部件概述(主)页面
窗口小部件列表(名称,语言,删除按钮)
添加小部件按钮
添加小部件页面-多步骤向导
第1步-选择语言(下拉菜单)
第2步-输入名称
每个步骤的验证(所有必填字段)
创建小部件后成功返回概述页面
删除小部件询问带有模式窗口的确认(请不要添加window.confirm)
将小部件数据存储在localStorage中
测试场景
主页应该是小部件概述列表。
“添加小部件”按钮进入多步骤向导
第一步是选择语言
下一步按钮进入第二步
第二步是输入名称
“创建”按钮将添加新的小部件,然后返回到成功概述。
重新加载页面。 概述页面中应该只添加了小部件。
删除小部件要求使用模态窗口进行确认。
评估
我们对您的解决方案有以下期望。
测试场景工作
它是可读和可理解的
代码结构合理,