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

  • 4
    いいね
  • 0
    コメント
この記事は最終更新日から1年以上が経過しています。

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 () {})っていうのはいらない。