8.React 組件封裝

最近一直沒有合適的時間整理筆記，今天抽空，大致寫點  -- 2020/1/16 16:05 周四

直接上代碼：

import React from "react";
import { connect } from "react-redux";
import PropTypes from "prop-types";
import moment from "moment";

class QuarterlyPicker extends React.Component {
  constructor(props) {
    super(props)
    this.state = {

    }
  }

  /**
   * 本來想寫個關於 季度的時間選擇器，但是真的太多了，比較懶，就算了，反正也不難，也不經典。
   * 關鍵也不符合這篇文章的主題，於是，此處省略200行代碼。
   *
   * 對了！工作中別人告訴我的，公共組件的搭建思想，或者說注意事項：
   * 1.最好不要使用 redux。
   * 2.不要在公共組件中 請求數據
   * 3.最好從父級傳入所需的信息
   * 4.這一切都是為了盡量做到 低耦合、高內聚
   */

  render() {
    return (
      <div>

      </div>
    )
  }
}

QuarterlyPicker.propTypes = {
  value: PropTypes.string,
  startValue: PropTypes.string,
  endValue: PropTypes.string,
  open: PropTypes.bool,
  onOk: PropTypes.func
}

QuarterlyPicker.defaultProps = {
  value: `${moment().format("YYYY")}-${moment().quarter()}}`,
  startValue: "1970-1",
  endValue: `${moment().format("YYYY")}-${moment().quarter()}}`,
  open: undefined,
  onOk: () => { console.log(1) }
}

export default connect(state => state, {})(QuarterlyPicker)