Question

我试图在Meteor React中实施Pikaday。我已经搜索了很多解决方案，但我无法使用它们。据我了解，这应该有效：

我按如下方式安装了pikaday：npm install - save react react-pikaday。

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

＆＃13;

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>
    )
  }

}

＆＃13;

Answer 1

从github page开始，有一个可以使用的组件：

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

如果要使用componentDidMount方式，请在div标记中添加id。并使用document.getElementById('textId');而不是使用ReactDOM。

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

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

1 个答案: