Passing Data Through Props

Author: MrCurtis

react_learn/src/main/scala/tutorial/webapp/TutorialApp.scala

@@ -6,18 +6,21 @@ import org.scalajs.dom
 
 
 object Square {
-  val component = ScalaComponent.builder[Unit]("Square")
-    .renderStatic(
-      <.button(^.cls := "square")
+  val component = ScalaComponent.builder[Int]("Square")
+    .render_P( i =>
+      <.button(
+        ^.cls := "square",
+        i
+      )
     )
     .build
 
-    def apply() = component()
+    def apply(i: Int) = component(i)
 }
 
 
 object Board {
-  def renderSquare(i: Int) = Square()
+  def renderSquare(i: Int) = Square(i)
 
   val component = ScalaComponent.builder[Unit]("Board")
     .renderStatic(