meteor - 在 Meteor React 中实现 Pikaday 的正确方法

Question

我正在尝试在 Meteor React 中实现 Pikaday。我已经搜索了许多解决方案，但我无法让它们中的任何一个工作。据我了解，这应该有效：

我安装 pikaday 如下：npm install -- save react react-pikaday。

下面是我的代码 - 我做错了什么？

import React, { Component } from 'react';
import ReactDOM from 'react-dom';

import Pikaday from 'react-pikaday';


export default class TestForm extends Component {

  ComponentDidMount() {

    new Pikaday({
      field: ReactDOM.findDOMNode(this.refs.TestForm),
      format: 'DD/MM/YYYY',
      firstDay: 0,
      minDate: new Date(new Date()),
      maxDate: new Date('2050-12-31'),
      yearRange: [2000,2050],
    });
  }

  render() {

    return(
      <div>
        <form>
          <div className="row">
            <div className="input-field col s6">
              <input ref="TestForm" type="text"  />
            </div>
          </div>
        </form>	
      </div>
    )
  }

}

Answer 1

从github 页面，有一个可以使用的组件：

<Pikaday value={date} onChange={this.handleChange} />

如果你想做 componentDidMount 方式，在 div 标签中添加一个 id 。并使用document.getElementById('textId');而不是使用 ReactDOM。

我还注意到ComponentDidMount() {. 它应该是 componentDidMount（c - 小写）。