在 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 page，有一个组件可以使用：

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

如果您想使用 componentDidMount 方式，请将 id 添加到 div 标签。并使用 document.getElementById('textId'); 而不是使用 ReactDOM。

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

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

Proper way to implement Pikaday in Meteor React

meteor

reactjs

pikaday