Использование формы jquery с React

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