流行反応でPikadayを実装する適切な方法

Question

私は流星反応でPikadayを実装しようとしています。私は数多くの解決策を探し求めており、そのうちのどれかを働かせることはできません。私が理解しているように、これはうまくいくはずです。

次のようにpikadayをインストールしました。npm install - save react-pikaday。

以下は私のコードです - 間違っていますか？ github pageから

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> \t 
 
     </div> 
 
    ) 
 
    } 
 

 
}

Answer 1

、使用することができるコンポーネントがあります：

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

あなたはcomponentDidMountの方法を実行したい場合は、divタグにIDを追加します。 ReactDOMを使用する代わりにdocument.getElementById('textId');を使用してください。

ComponentDidMount() {の入力ミスに気付きました。これはcomponentDidMount（c - 小文字）にする必要があります。