Use callback-style ref.

nchevobbe · nchevobbe · commit 3983762b2f3b · 2018-04-23T16:43:39.000+02:00
diff --git a/packages/devtools-launchpad/src/components/LandingPage.js b/packages/devtools-launchpad/src/components/LandingPage.js
@@ -72,8 +72,8 @@ class LandingPage extends Component {
   }
 
   componentDidUpdate() {
-    if (this.refs.filterInput) {
-      this.refs.filterInput.focus();
+    if (this.filterInput) {
+      this.filterInput.focus();
     }
   }
 
@@ -192,7 +192,9 @@ class LandingPage extends Component {
     return dom.header(
       {},
       dom.input({
-        ref: "filterInput",
+        ref: node => {
+          this.filterInput = node;
+        },
         placeholder: "Filter tabs",
         value: filterString,
         autoFocus: true,

Original file line number	Diff line number	Diff line change
`@@ -72,8 +72,8 @@ class LandingPage extends Component {`
`72`	`72`	`}`
`73`	`73`
`74`	`74`	`componentDidUpdate() {`
`75`		`- if (this.refs.filterInput) {`
`76`		`- this.refs.filterInput.focus();`
	`75`	`+ if (this.filterInput) {`
	`76`	`+ this.filterInput.focus();`
`77`	`77`	`}`
`78`	`78`	`}`
`79`	`79`
`@@ -192,7 +192,9 @@ class LandingPage extends Component {`
`192`	`192`	`return dom.header(`
`193`	`193`	`{},`
`194`	`194`	`dom.input({`
`195`		`- ref: "filterInput",`
	`195`	`+ ref: node => {`
	`196`	`+ this.filterInput = node;`
	`197`	`+ },`
`196`	`198`	`placeholder: "Filter tabs",`
`197`	`199`	`value: filterString,`
`198`	`200`	`autoFocus: true,`