Reactでjqueryフォームを使用する

Question

ReactJSの新機能です。私はJQueryで書いているフォームを持っていて、それをReact Componentで作っていきたいと思っています。どうすればいいですか？

(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

を確認することができます