Update README.md

safouane-ahmed-salah · web-flow · commit 44ddeb19e5fa · 2021-04-29T01:19:25.000+08:00
diff --git a/README.md b/README.md
@@ -66,8 +66,8 @@ class CustomComponent extends Component{
         return new div([ 
             new p('Hello World', ['style'=> 'color:red;background:blue']), 
             new div('Many div'),
-            new button("set my state ($test)", ['onclick'=> "phpReact.setState('$this->id', {test: ".($test+1)."})"]) //in setState must pass the id
-        ], ['style'=> 'border:1px solid #eee;border-radius:4px;max-width:500px;padding:5px;margin:10px', 'id'=> $this->id]); //must add id to generated component id
+            new button("set my state ($test)", ['onclick'=> "this.setState({test: ".($test+1)."})"]) 
+        ], ['style'=> 'border:1px solid #eee;border-radius:4px;max-width:500px;padding:5px;margin:10px',]); 
     }
 }
 ```
@@ -96,8 +96,8 @@ class CustomComponent extends Component{
         return new div([ 
             new p('Hello World', ['style'=> 'color:red;background:blue']), 
             new div('Many div'),
-            new button("set my state ($test)", ['onclick'=> "phpReact.setState('$this->id', {test: ".($test+1)."})"]) //in setState must pass the id
-        ], ['style'=> 'border:1px solid #eee;border-radius:4px;max-width:500px;padding:5px;margin:10px', 'id'=> $this->id]); //must add id to generated component id
+            new button("set my state ($test)", ['onclick'=> "this.setState({test: ".($test+1)."})"]) 
+        ], ['style'=> 'border:1px solid #eee;border-radius:4px;max-width:500px;padding:5px;margin:10px',]); //must add id to generated component id
     }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -66,8 +66,8 @@ class CustomComponent extends Component{`
`66`	`66`	`return new div([`
`67`	`67`	`new p('Hello World', ['style'=> 'color:red;background:blue']),`
`68`	`68`	`new div('Many div'),`
`69`		`- new button("set my state ($test)", ['onclick'=> "phpReact.setState('$this->id', {test: ".($test+1)."})"]) //in setState must pass the id`
`70`		`- ], ['style'=> 'border:1px solid #eee;border-radius:4px;max-width:500px;padding:5px;margin:10px', 'id'=> $this->id]); //must add id to generated component id`
	`69`	`+ new button("set my state ($test)", ['onclick'=> "this.setState({test: ".($test+1)."})"])`
	`70`	`+ ], ['style'=> 'border:1px solid #eee;border-radius:4px;max-width:500px;padding:5px;margin:10px',]);`
`71`	`71`	`}`
`72`	`72`	`}`
`73`	`73`	```
`@@ -96,8 +96,8 @@ class CustomComponent extends Component{`
`96`	`96`	`return new div([`
`97`	`97`	`new p('Hello World', ['style'=> 'color:red;background:blue']),`
`98`	`98`	`new div('Many div'),`
`99`		`- new button("set my state ($test)", ['onclick'=> "phpReact.setState('$this->id', {test: ".($test+1)."})"]) //in setState must pass the id`
`100`		`- ], ['style'=> 'border:1px solid #eee;border-radius:4px;max-width:500px;padding:5px;margin:10px', 'id'=> $this->id]); //must add id to generated component id`
	`99`	`+ new button("set my state ($test)", ['onclick'=> "this.setState({test: ".($test+1)."})"])`
	`100`	`+ ], ['style'=> 'border:1px solid #eee;border-radius:4px;max-width:500px;padding:5px;margin:10px',]); //must add id to generated component id`
`101`	`101`	`}`
`102`	`102`	`}`
`103`	`103`