mirror of
https://github.com/reactjs/react.dev.git
synced 2026-02-24 20:53:08 +00:00
21c8c2263e
The code sample in tip 18 in the docs contained a call to the .getDOMNode() method which has been deprecated. The method call was replaced with a call to React.findDOMNode(), which is the preferred way of getting DOM nodes from a ref.
1.1 KiB
1.1 KiB
id, title, layout, permalink, prev, next
| id | title | layout | permalink | prev | next |
|---|---|---|---|---|---|
| use-react-with-other-libraries | Use React with Other Libraries | tips | use-react-with-other-libraries.html | children-undefined.html | dangerously-set-inner-html.html |
You don't have to go full React. The component lifecycle events, especially componentDidMount and componentDidUpdate, are good places to put your other libraries' logic.
var App = React.createClass({
getInitialState: function() {
return {myModel: new myBackboneModel({items: [1, 2, 3]})};
},
componentDidMount: function() {
$(React.findDOMNode(this.refs.placeholder)).append($('<span />'));
},
componentWillUnmount: function() {
// Clean up work here.
},
shouldComponentUpdate: function() {
// Let's just never update this component again.
return false;
},
render: function() {
return <div ref="placeholder"/>;
}
});
React.render(<App />, mountNode);
You can attach your own event listeners and even event streams this way.