[React.js] 리액트에서 jquery

npm i jquery --s 패키지 모듈을 설치한다.

아래는 입력값을 화면에 표시해주는 jquery를 활용한 간단한 예제이다

import React, { Component } from 'react';
import $ from 'jquery'
 
export default class jquery extends Component {
 
    inputHandler = (e) => {
        const input_val = $('#input').val()
        $('#result').text(input_val)
    }
 
    render() {
        return (
            <div>
                <h1 id="result"></h1>
                <input id="input" />
                <button onClick={e => this.inputHandler(e)}>입력값 알아오기</button>
            </div>
        );
    }