Browse Source

Merge pull request #216 from knpwrs/ref-did-mount

Explicitly note that ref callbacks are called before componentDidMount.
main
Brian Vaughn 8 years ago
committed by GitHub
parent
commit
d9d6d9536d
No known key found for this signature in database GPG Key ID: 4AEE18F83AFDEB23
  1. 2
      content/docs/refs-and-the-dom.md

2
content/docs/refs-and-the-dom.md

@ -66,7 +66,7 @@ class CustomTextInput extends React.Component {
} }
``` ```
React will call the `ref` callback with the DOM element when the component mounts, and call it with `null` when it unmounts. React will call the `ref` callback with the DOM element when the component mounts, and call it with `null` when it unmounts. `ref` callbacks are invoked before `componentDidMount` or `componentDidUpdate` lifecycle hooks.
Using the `ref` callback just to set a property on the class is a common pattern for accessing DOM elements. The preferred way is to set the property in the `ref` callback like in the above example. There is even a shorter way to write it: `ref={input => this.textInput = input}`. Using the `ref` callback just to set a property on the class is a common pattern for accessing DOM elements. The preferred way is to set the property in the `ref` callback like in the above example. There is even a shorter way to write it: `ref={input => this.textInput = input}`.

Loading…
Cancel
Save