如何选择多个年份并使用反应状态变量来跟踪所选年份?

时间:2019-04-08 00:03:33

标签: reactjs typescript

我正在开发一项功能,您可以像选择日期一样选择一年或多年。 我想选择年份,就像我们在此处选择日期一样。

Airbnb Date selection 我已经为此功能编写了以下代码:

import React, { Component } from "react";
import YearPicker from "react-year-picker";

type Props = {
    years: number[];
}

class YearPickerFilter extends Component<Props, {}> {
  constructor(props) {
    super(props);
    this.handleChange = this.handleChange.bind(this);
  }

  handleChange(date) {
    console.log(date);
  }
  public render() {
    return (
      <div>
        <YearPicker onChange={this.handleChange} />
      </div>
    );
  }
}

export default YearPickerFilter;

在这里,我正在使用https://github.com/borisenkoandrei/year-picker存储库中的react-year-picker组件。 目前,我只能选择一年。

Current State

如何使它选择多个年份,以及如何使用反应状态变量来保持所选年份的长短?

0 个答案:

没有答案