Use callback ref in readme

CodinCat · diasbruno · commit 0da9e75d4cdf · 2017-06-15T13:33:20.000-03:00
diff --git a/README.md b/README.md
@@ -196,7 +196,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() {
@@ -215,7 +215,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
`@@ -196,7 +196,7 @@ class App extends React.Component {`
`196`	`196`
`197`	`197`	`afterOpenModal() {`
`198`	`198`	`// references are now sync'd and can be accessed.`
`199`		`- this.refs.subtitle.style.color = '#f00';`
	`199`	`+ this.subtitle.style.color = '#f00';`
`200`	`200`	`}`
`201`	`201`
`202`	`202`	`closeModal() {`
`@@ -215,7 +215,7 @@ class App extends React.Component {`
`215`	`215`	`contentLabel="Example Modal"`
`216`	`216`	`>`
`217`	`217`
`218`		`- <h2 ref="subtitle">Hello</h2>`
	`218`	`+ <h2 ref={subtitle => this.subtitle = subtitle}>Hello</h2>`
`219`	`219`	`<button onClick={this.closeModal}>close</button>`
`220`	`220`	`<div>I am a modal</div>`
`221`	`221`	`<form>`