create-react-appで構築したReactアプリケーションでjQueryを使う

More than 1 year has passed since last update.

Facebook公式のcreate-react-appコマンドを使ってReact.jsアプリを爆速で作成するを読んでさっそく試してみた。

本当に記事の通りすんなり構築できたので、jQueryも読み込んでみた。

プロジェクトのディレクトリで

npm i jquery --save

んで、index.jsに追記。


index.js


import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import './index.css';
import $ from 'jquery';

$('#root').on('click',function(){
console.log('クリックしたよ');
})

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


あっさり動いた。

$(function () {})っていうのはいらない。