Browse Source

Move constructor out of render

main
Sean Snyder 7 years ago
parent
commit
e1689b0f20
  1. 5
      content/docs/accessibility.md

5
content/docs/accessibility.md

@ -147,13 +147,13 @@ 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: Using this, we first create a ref to an element in the JSX of a component class:
```javascript{4-5,8-9,13} ```javascript{4-5,8-9,13}
render() { class CustomTextInput extends React.Component {
constructor(props) { constructor(props) {
super(props); super(props);
// Create a ref to store the textInput DOM element // Create a ref to store the textInput DOM element
this.textInput = React.createRef(); this.textInput = React.createRef();
} }
// ... render() {
// Use the `ref` callback to store a reference to the text input DOM // Use the `ref` callback to store a reference to the text input DOM
// element in an instance field (for example, this.textInput). // element in an instance field (for example, this.textInput).
return ( return (
@ -163,6 +163,7 @@ render() {
/> />
); );
} }
}
``` ```
Then we can focus it elsewhere in our component when needed: Then we can focus it elsewhere in our component when needed:

Loading…
Cancel
Save