也实现了一套自由布局的方案(使用react-draggable和React-Resizable), 但是崇尚 less is more 的设计哲学, 还是坚定的走了智能布局的道路....日历组件我们可以暴露如下props给到用户自行配置:
time 日历显示的时间
range 日历被选中的时间范围, 主要用来做日程管理
color 日历默认的文本颜色
selectedColor 选中区域的颜色...round 日历的圆角
对应的view如下:
由于组件的实现只需要处理传过来的数据, 这里我们看看简单的代码实现:
import React, { useState, memo, useEffect,...round: 0
},
};
export default Calendar;
如果我们想增加属性, 我们只需要在这个文件里添加对应的属性和类型即可.
template主要是定义了组件的分区和初始高度...地图组件我们这里使用了@uiw/react-baidu-map, 也就是百度地图的React版本, 大家也可以使用高德地图.