import React from 'react'; import ReactDOM from 'react-dom'; import $ from 'jquery'; // react code here $("button").click(function(){ $.get("demo_test.asp", function(data, status){ alert("Data: " + data + "\nStatus: " + status); }); }); // react code here

jquery in react

// ---- REACT JS ----- // using <link rel="shortcut icon" href="%PUBLIC_URL%/js/bootstrap.min.js"> </link> <script src="%PUBLIC_URL%/js/bootstrap.min.js"> </script> // public // --- js // ------ bootstrap.min.js // --- css // ------ bootstrap.min.css

import library react js

Yes, we can use jQuery in ReactJs. Here I will tell how we can use it using npm. step 1: Go to your project folder where the package.json file is present via using terminal using cd command. step 2: Write the following command to install jquery using npm : npm install jquery --save step 3: Now, import $ from jquery into your jsx file where you need to use. import React from 'react'; import ReactDOM from 'react-dom'; import $ from 'jquery'; // react code here $("button").click(function(){ $.get("demo_test.asp", function(data, status){ alert("Data: " + data + "\nStatus: " + status); }); }); // react code here

jquery in react

class MainView extends Component { render() { // don't render anything return <div/>; }, componentDidMount() { // find the DOM node for this component const node = ReactDOM.findDOMNode(this); // widget does stuff $(node).activateMyCoolWidget(); // start a new React render tree with widget node ReactDOM.render(<div>{this.props.children}</div>, node); } });

use javascript library in react

class SomePlugin extends React.Component { componentDidMount() { this.$el = $(this.el); this.$el.somePlugin(); } componentWillUnmount() { this.$el.somePlugin('destroy'); } render() { return <div ref={el => this.el = el} />; } }

react in jquery