0

Meteor React で Pikaday を実装しようとしています。多数のソリューションを検索しましたが、どれも機能しません。私が理解しているように、これはうまくいくはずです：

次のように pikaday をインストールしました: npm install -- 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>
    )
  }

}

4

1 に答える 1

1

github ページから、使用できるコンポーネントがあります。

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

componentDidMount の方法を実行する場合は、id を div タグに追加します。document.getElementById('textId');ReactDOM を使用する代わりに使用します。

のタイプミスにも気付きましたComponentDidMount() {。componentDidMount (c - 小文字) である必要があります。

于 2016-09-10T17:38:23.660 に答える