番茄闹钟四(todoList 模块搭建及封装)
2020/2/22 10:30:24
本文主要是介绍番茄闹钟四(todoList 模块搭建及封装),对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
一. 调试接口
二.webstorm 最大化的增加代码区域
View-Enter Distraction Free Mode
三. 添加新建菜单
https://blog.csdn.net/asing1elife/article/details/82820628
四. 配置路径
https://blog.csdn.net/weixin_33804990/article/details/91368501
五. ToDoInput 和 ToDo 组件
// ToDoInput负责样式 // ToDo负责功能 // 放外面处理是为了后面引入redux,提交action都是做在外面的
六. 制作 Item
this.state.todos.map(t=><TodoItem key={t.id} {...t} />) // ...t把所有属性放到item里面
七. 解决 TS2339 报错
// 在外面定义接口 interface ITodoItemProps { description: string } <span>{this.props.description}</span>
八. 将 todos 做成宽度一半
#Todos { padding: 16px; border: 1px solid #ddd; border-radius: 4px; width: calc(50% - 8px); box-shadow: 0 2px 0 rgba(225,225,225,.2); background-color: #fff; >.todoLists { margin-top: 16px; } }
点击查看更多内容
这篇关于番茄闹钟四(todoList 模块搭建及封装)的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-10-05HTML 颜色
- 2024-10-05HTML 颜色名
- 2024-10-01AntDesign-Form-rules学习:轻松入门教程
- 2024-10-01classnames学习:轻松掌握前端中的类名管理
- 2024-09-30前端案例资料:新手入门必读教程
- 2024-09-30前端编程资料:新手入门必备教程
- 2024-09-30前端培训资料:新手入门必读教程
- 2024-09-30滚动吸顶项目实战:从入门到上手
- 2024-09-29HTML学习:span标签教程详解
- 2024-09-29HTML基础:button标签教程