react 에서 jquery 사용하는 방법
마스터욱
0
29
0
0
2021-06-24 04:37:25
jquery 설치
npm install jquery --save
App.js 소스를 일단 공개한다.
import React from 'react';
import logo from './logo.svg';
import './App.css';
import jquery from 'jquery';
import $ from 'jquery';
//window.$ = window.jquery = jquery;
/*
function App() {
return (
<div className="App">
<header className="App-header">
<img src={logo} className="App-logo" alt="logo" />
<p>
Edit <code>src/App.js</code> and save to reload.
</p>
<a
className="App-link"
href="https://reactjs.org"
target="_blank"
rel="noopener noreferrer"
>
Learn React
</a>
</header>
</div>
);
}
*/
class App extends React.Component {
componentDidMount(){
$(document).ready(function(){
alert('test');
});
}
render(){
return (
<div className="App">
ttt
</div>
);
}
}
export default App;
핵심은 jquery 를 import 하는 부분이랑
import jquery from 'jquery';
import $ from 'jquery';
componentDidMount 부분이다.
componentDidMount(){
$(document).ready(function(){
alert('test');
});
}
도움을 준 사이트 : https://yeolceo.tistory.com/m/66
이번 react 프로젝트는 디자이너가 만든 html + jquery + css 를 모두 react 로 내가 변경을 해야 되기 때문에 이렇게 할 수 밖에 없다...