Как я могу использовать Pikaday с ReactJS?

Question

Я хотел бы использовать датпикер Pikaday с ReactJS. Он не основан на ReactJS. Как я могу использовать его?

Answer 1

Чтобы использовать Pikaday с ReactJS, вы можете потребовать его, как и любой другой модуль узла. Хитрость заключается в том, чтобы подключиться к событию рендеринга React, чтобы после визуализации представления Pikaday инициализировался на любых отображаемых входах DOM, в которых вы хотите его использовать. Вы можете сделать это с помощью события lifesystle от ReactJS componentDidRender:

componentDidMount: function() { 
    new Pikaday({ 
     field: React.findDOMNode(this.refs.start), 
     format: 'MM/DD/YYYY', 
     onSelect: this.onChangeStart 
    }); 

    new Pikaday({ 
     field: React.findDOMNode(this.refs.end), 
     format: 'MM/DD/YYYY', 
     onSelect: this.onChangeEnd 
    }); 
    }