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

Question

我正在尝试在Meteor React中实现Pikaday。我已经搜索了无数的解决方案，但我不能让它们中的任何一个工作。据我所知，这应该是可行的：

我按如下方式安装了pikaday : npm install -- save 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 page中，有一个组件可以使用：

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

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

我还注意到ComponentDidMount() {中的一个拼写错误。它应该是componentDidMount (c小写)。