使用带有 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