Update reference assignment in readme (#352)

masives · jerairrest · commit ec56f2972f11 · 2018-12-26T21:23:01.000-08:00
as per react docs (https://reactjs.org/docs/refs-and-the-dom.html#legacy-api-string-refs) this.refs is deprecated. Assigning it with function is a recommended approach
diff --git a/README.md b/README.md
@@ -86,13 +86,15 @@ Chart.js instance can be accessed by placing a ref to the element as:
 
 ```js
 
+chartReference = {};
+
 componentDidMount() {
-	console.log(this.refs.chart.chartInstance); // returns a Chart.js instance reference
+	console.log(this.chartReference); // returns a Chart.js instance reference
 }
 
 render() {
 	return (
-		<Doughnut ref='chart' data={data} />
+		<Doughnut ref={(reference) => this.chartReference = reference } data={data} />
 	)
 }
 ```

Original file line number	Diff line number	Diff line change
`@@ -86,13 +86,15 @@ Chart.js instance can be accessed by placing a ref to the element as:`
`86`	`86`
`87`	`87`	```js
`88`	`88`
	`89`	`+chartReference = {};`
	`90`	`+`
`89`	`91`	`componentDidMount() {`
`90`		`- console.log(this.refs.chart.chartInstance); // returns a Chart.js instance reference`
	`92`	`+ console.log(this.chartReference); // returns a Chart.js instance reference`
`91`	`93`	`}`
`92`	`94`
`93`	`95`	`render() {`
`94`	`96`	`return (`
`95`		`- <Doughnut ref='chart' data={data} />`
	`97`	`+ <Doughnut ref={(reference) => this.chartReference = reference } data={data} />`
`96`	`98`	`)`
`97`	`99`	`}`
`98`	`100`	```