Update column2.md

cookednoodles · web-flow · commit 2c2127ac11f8 · 2022-06-27T11:59:42.000+02:00
fix: update createRoot and make SII more generic
diff --git a/src/react/first-side/column2.md b/src/react/first-side/column2.md
@@ -13,7 +13,9 @@ class HelloMessage extends React.Component {
   }
 }
 
-ReactDOM.render(<HelloMessage msg={'SII CANADA'}/>, document.getElementById('root'))
+const root = ReactDOM.createRoot(document.getElementById('root'));
+root.render(<HelloMessage msg={'SII'}/>);
+
 ```
 
 ```js
@@ -41,4 +43,4 @@ this.setState({firstName: 'Johnny'})
 If you have to use precedent state, you should give to setState a function.
 ```js
 this.setState((state) => ({ age: state.age + 1 })
-```
+```

Original file line number	Diff line number	Diff line change
`@@ -13,7 +13,9 @@ class HelloMessage extends React.Component {`
`13`	`13`	`}`
`14`	`14`	`}`
`15`	`15`
`16`		`-ReactDOM.render(<HelloMessage msg={'SII CANADA'}/>, document.getElementById('root'))`
	`16`	`+const root = ReactDOM.createRoot(document.getElementById('root'));`
	`17`	`+root.render(<HelloMessage msg={'SII'}/>);`
	`18`	`+`
`17`	`19`	```
`18`	`20`
`19`	`21`	```js
`@@ -41,4 +43,4 @@ this.setState({firstName: 'Johnny'})`
`41`	`43`	`If you have to use precedent state, you should give to setState a function.`
`42`	`44`	```js
`43`	`45`	`this.setState((state) => ({ age: state.age + 1 })`
`44`		-```
	`46`	+```