jquery 플러그인을 사용하여 React 앱을 사용하는 중에 오류가 발생했습니다.

react-create-app 명령으로 앱을 만들었고 react 16을 사용했습니다. katrik-v fileinput (jquery 플러그인)도 사용하고 싶습니다. 그건 내 코드입니다 :jquery 플러그인을 사용하여 React 앱을 사용하는 중에 오류가 발생했습니다.

import React, { Component } from 'react'; 
import { Grid, Cell } from 'react-foundation'; 
import Header from './Heaader'; 
import $, { jQuery } from 'jquery'; 

class New extends Component { 

componentDidMount(){ 
    $(document).find('#root').find('#test-upload').fileinput(); 
} 


render(){ 
    return (
     <div> 
      <Grid type="x"> 
       <Cell medium={2} large={2} > 
        <label htmlFor="image" className="text-right middle"> 
          <p className="form-label">Images</p></label> 
       </Cell> 
       <Cell medium={8} large={8}> 
        <div className="file-loading"> 
         <input id="test-upload" ref='fff' type="file" 
         multiple /> 
        </div> 
       </Cell> 
     </Grid> 
     </div>) 
} 
} 
export default New;

내가하는 index.js에 전화 :

TypeError: __WEBPACK_IMPORTED_MODULE_4_jquery___default(...)(...).find(...).find(...).fileinput is not a function.
$(document).find('#root').find('#test-upload').fileinput()

문제가 무엇 :

ReactDOM.render(<App />, document.getElementById('root'));

내가이 오류에 직면하고있어? 이 두 가지를 병합 할 수있는 방법을 일반적으로
? 애플 리케이션 반응과의 jQuery 플러그인을 사용하기 위해서는

출처

2017-12-05 MHF

표준 '

jquery 플러그인을 사용하여 React 앱을 사용하는 중에 오류가 발생했습니다.

관련 문제