Merge pull request #771 from codecrutch/fix-createref-example

Move constructor out of render
This commit is contained in:
Alex Krolick
2018-04-05 11:24:51 -07:00
committed by GitHub

View File

@@ -147,21 +147,22 @@ To set focus in React, we can use [Refs to DOM elements](/docs/refs-and-the-dom.
Using this, we first create a ref to an element in the JSX of a component class:
```javascript{4-5,8-9,13}
render() {
class CustomTextInput extends React.Component {
constructor(props) {
super(props);
// Create a ref to store the textInput DOM element
this.textInput = React.createRef();
}
// ...
render() {
// Use the `ref` callback to store a reference to the text input DOM
// element in an instance field (for example, this.textInput).
return (
<input
type="text"
ref={this.textInput}
/>
);
return (
<input
type="text"
ref={this.textInput}
/>
);
}
}
```