JQuery with react? code example

Example 1: import library react js

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

Example 2: use javascript library 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);
  }
});

Tags:

Misc Example