上圖：

yarn install or npm install

yarn start or npm start

使用方法：

yarn add?@congbao/time-period-selector 或者 npm install?@congbao/time-period-selector

import TimePeriodSelector from [email?protected]/time-period-selector‘

import [email?protected]/time-period-selector/lib/main.min.css‘

?{?console.log(items)?}}?/}

#defaultSelected

傳入數(shù)組為選中格子下標(biāo)，從左到右，從上到下，從0開始。

#onSelectionFinish

傳入選擇后回調(diào)函數(shù)。參數(shù)是選中后的格子

items => []

item => {column: 0, row:0, index: 0}

index為格子下標(biāo)，從左到右，從上到下

column代表時間點，從0開始

row代表星期幾，從0開始

這個組件是預(yù)先開發(fā)的，后臺還沒定義好數(shù)據(jù)格式，所以還沒做時間段數(shù)據(jù)轉(zhuǎn)換的優(yōu)化。后面繼續(xù)更新。

原文：https://www.cnblogs.com/cong-bao/p/13140145.html

總結(jié)

以上是生活随笔為你收集整理的react 拖拽生成html,[React] 基于react 拖拽时间选择器的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。