Переход к просмотру дня при нажатии на ячейку просмотра месяца - PullRequest
Новая
       8

Переход к просмотру дня при нажатии на ячейку просмотра месяца

0 голосов
/ 19 ноября 2018

Хотите изменить представление программным образом из месяца в день, используя состояние, когда ячейка месяца щелкается, событие нажатия фиксируется, но не работает: 

const localizer = BigCalendar.momentLocalizer(moment);

export default class Calendario extends React.Component {
  state = {
    defaultView: "month",
    defaultDate: new Date()
  };

  renderCell = props => (
    <Card
      {...props.children.props}
      onClick={() => {
        this.handleSelect(props.value);
      }}
    >
      {props.children}
    </Card>
  );

  handleSelect = (date) => {
    this.setState({ defaultView: "day" });
  };
  render() {
    const { defaultView, defaultDate } = this.state;
    return (
      <div>
        <h4>Agenda</h4>
        <div style={{ display: "flex", height: "600px" }}>
          <BigCalendar
            components={{
              dateCellWrapper: this.renderCell
            }}
            defaultDate={defaultDate}
            defaultView={defaultView}
            localizer={localizer}
            startAccessor="start"
            endAccessor="end"
          />
        </div>
      </div>
    );
  }
}

Я смотрю документы APIНаиболее похожим является onView, но он запускается из библиотеки.

1 Ответ

0 голосов
/ 29 ноября 2018

Вы можете создать пользовательскую панель инструментов, в которой у вас будет доступ к onView 

export const CustomToolbar = ({ onView, views = ['month', 'week', 'day', 'agenda'] }) => (
  <div>
    {
      views.map(view => (
        <button
          key={view}
          onClick={() => onView(view)}
        >
          {view}
        </button>
      ))
    }
  </div>
)

<BigCalendar components={{ toolbar: CustomToolbar }} />
...