流式输入函数

Question

我想养成正确输入所有内容的习惯。我输入了一些函数，如下所示：

handleStartDateClick = (event: SyntheticEvent<HTMLElement>) => {
  event.stopPropagation();
  this.setState({ selectDate: SELECT_DATE.START });
};

handleEndDateClick = (event: SyntheticEvent<HTMLElement>) => {
  event.stopPropagation();
  this.setState({ selectDate: SELECT_DATE.END });
};

我有点不确定这个函数的类型：

handleClearDates = (startDate, endDate) => (event) => {
  event.stopPropagation();
  if (startDate || endDate) {
    this.props.client.writeData({
      data: {
        selectedDates: [],
      },
    });

    this.setState(() => ({
      selectDate: SELECT_DATE.START,
    }));
  } else {
    this.handleDayPickerClose();
  }
};

任何 help/suggestions 都很棒！

Answer 1

考虑在 Flow 的 discord 中询问 https://discord.gg/8ezwRUK

handleClearDates = (startDate: Date, endDate: Date) => (event: SyntheticEvent<>) => {
  event.stopPropagation();
  if (startDate || endDate) {
    this.props.client.writeData({
      data: {
        selectedDates: [],
      },
    });

    this.setState(() => ({
      selectDate: SELECT_DATE.START,
    }));
  } else {
    this.handleDayPickerClose();
  }
};

流式输入函数

Flow typing functions

reactjs

flowtype