Use callback ref in readme

CodinCat · claydiffrient · commit 38dfc8d9fbd9 · 2017-04-21T08:18:45.000-06:00
diff --git a/README.md b/README.md
@@ -176,7 +176,7 @@ class App extends React.Component {
 
   afterOpenModal() {
     // references are now sync'd and can be accessed.
-    this.refs.subtitle.style.color = '#f00';
+    this.subtitle.style.color = '#f00';
   }
 
   closeModal() {
@@ -195,7 +195,7 @@ class App extends React.Component {
           contentLabel="Example Modal"
         >
 
-          <h2 ref="subtitle">Hello</h2>
+          <h2 ref={subtitle => this.subtitle = subtitle}>Hello</h2>
           <button onClick={this.closeModal}>close</button>
           <div>I am a modal</div>
           <form>

Original file line number	Diff line number	Diff line change
`@@ -176,7 +176,7 @@ class App extends React.Component {`
`176`	`176`
`177`	`177`	`afterOpenModal() {`
`178`	`178`	`// references are now sync'd and can be accessed.`
`179`		`- this.refs.subtitle.style.color = '#f00';`
	`179`	`+ this.subtitle.style.color = '#f00';`
`180`	`180`	`}`
`181`	`181`
`182`	`182`	`closeModal() {`
`@@ -195,7 +195,7 @@ class App extends React.Component {`
`195`	`195`	`contentLabel="Example Modal"`
`196`	`196`	`>`
`197`	`197`
`198`		`- <h2 ref="subtitle">Hello</h2>`
	`198`	`+ <h2 ref={subtitle => this.subtitle = subtitle}>Hello</h2>`
`199`	`199`	`<button onClick={this.closeModal}>close</button>`
`200`	`200`	`<div>I am a modal</div>`
`201`	`201`	`<form>`