在 H5-dooring 创建的初期主要考虑的方向是用户使用的便捷性, 即最大程度的降低用户操作成本, 所以采用了智能布局, 也就是react-grid-layout这个库, 之前考虑过完全的自由布局,...日历组件我们可以暴露如下props给到用户自行配置:
time 日历显示的时间
range 日历被选中的时间范围, 主要用来做日程管理
color 日历默认的文本颜色
selectedColor 选中区域的颜色...round 日历的圆角
对应的view如下:
由于组件的实现只需要处理传过来的数据, 这里我们看看简单的代码实现:
import React, { useState, memo, useEffect,...当然这块还需要FormRender的帮助, 这块笔者后期会介绍.
以上基本就实现了一个可拖拽可配置的日历组件, 我们接下来继续看看地图组件....因为地图组件react-baidu-map 需要提前阅读对应的文档, 这里笔者就不一一介绍了, 我们直接来看如何实现.