React in jquery

Jquery in react

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

Source: stackoverflow.com

React in jquery

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} />;  }
}

Source: reactjs.org

Similar codes

0 vote144 views1 answer
React measure page load time
Javascript React
0 vote133 views1 answer
React redux open another page
Javascript React
0 vote132 views1 answer
Get element ref react
Javascript React
3 votes133 views2 answers
Export default class react
Javascript React
0 vote134 views1 answer
Testing library react hooks
Javascript React
21 votes138 views4 answers
React font awesome npm
Javascript React
0 vote131 views1 answer
Text inside an image component react native
Javascript React
2 votes178 views2 answers
Export aab bundle react native android
Javascript React
5 votes128 views2 answers
React js onclick call two functions
Javascript React
0 vote120 views1 answer
React js averta fonts not working in safari staging deployement
Javascript React