reactjs - 如何将 Pikaday 与 ReactJS 结合使用？

Question

我想使用 Pikaday使用 ReactJS 的日期选择器。它不是基于 ReactJS。我该如何使用它？

Answer 1

要将 Pikaday 与 ReactJS 一起使用，您可以像使用任何其他节点模块一样需要它。诀窍是 Hook React 渲染事件，以便在渲染 View 后，Pikaday 在您想要使用它的任何渲染 DOM 输入上进行初始化。您可以使用 ReactJS lifesySTLe 事件 componentDidRender 来完成此操作:

  componentDidMount: function() {
    new Pikaday({
      field: React.findDOMNode(this.refs.start),
      format: 'MM/DD/YYYY',
      onSelect: this.onChangeStart
    });

    new Pikaday({
      field: React.findDOMNode(this.refs.end),
      format: 'MM/DD/YYYY',
      onSelect: this.onChangeEnd
    });
  }