使用带有React的jquery表单

Question

我是使用ReactJS的新手。我有一个在JQuery上编写的表单，我想在React组件上创建它。我怎么能这样做，拜托？

(function($) {

"use strict";

var form = {
    field_input: $('.field-input'),
    init: function() {
        this.transformInput();
    },
    transformInput: function() {
        this.field_input.focus(function(){
            $(this).parent().addClass('is-focused has-label');
        });

        this.field_input.blur(function(){
            var $parent = $(this).parent();
            if($(this).val() === ''){
                $parent.removeClass('has-label');
            }
            $parent.removeClass('is-focused');
        });

        this.field_input.each(function(){
            if($(this).val() !== ''){
                $(this).parent().addClass('has-label');
            }
        });
    }
};

window.form = form;
})(jQuery);

Answer 1

您可以写componentDidMount并查看this