React 可移动设置时间的课程表组件

3,567 阅读1分钟

Course Table

✨ Features

  • 可移动的 课程表
  • 预览链接 Kshao123.github.io
  • 萌新编写的逻辑,如有大手子发现Bug,或者有优化的地方欢迎指出
  • 代码简单易懂,如有不符合你们逻辑的地方 可以修改src/index文件 再yarn build 使用 yarn link 来测试组件
  • 由于公司前端就我一个,emmmmm... 随缘看评论吧
  • GitHub 恳求小星星 courseTable
  • 博客 blog.ksh7.com (小小博客,内有阿里云144一年香港服务器地址 博客,梯子 美滋滋)
IE / Edge
IE / Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
Opera
Opera
Electron
Electron
IE9, IE10, IE11, Edge last 2 versions last 2 versions last 2 versions last 2 versions last 2 versions

📦 Install

npm i course-table
npm i course-table -S

🔨 Usage

import CourseTable from 'course-table';

const courseTables = {
      1: [
        {
          startTime:1551920827000,
          endTime:1551924427000,
          stuNameList: ['123'],
          teaName: '312'
        }
      ]
    };

const handleConfirm = (data,handleOK) => {
    handleOK()
};

ReactDOM.render(
    <CourseTable 
        courseTables={courseTables}
        handleConfirm={handleConfirm}
    />, 
    mountNode);