Allow other props along with plain js props

Author: viktor-podzigun

core/src/main/scala/io/github/shogowada/scalajs/reactjs/VirtualDOM.scala

@@ -131,19 +131,19 @@ trait VirtualDOM extends StaticTags {
     }
 
     def toReactAttributes(attributes: Iterable[Attribute[_]]): js.Dictionary[js.Any] = {
-      val maybeProps = attributes.find(_.name == "plainProps")
-      maybeProps match {
-        case Some(propsAttr) => propsAttr.value.asInstanceOf[js.Dictionary[js.Any]]
-        case None =>
-          attributes
-              .map(attributeToReactAttribute)
-              .toMap
-              .toJSDictionary
+      val result = js.Dictionary.empty[js.Any]
+      attributes.foreach { attribute =>
+        if (attribute.name == "plainProps") {
+          js.Object.assign(result.asInstanceOf[js.Object], attribute.value.asInstanceOf[js.Object])
+        }
+        else {
+          val name = toReactAttributeName(attribute.name)
+          result(name) = attributeValueToReactAttributeValue(attribute)
+        }
       }
-    }
 
-    private def attributeToReactAttribute(attribute: Attribute[_]): (String, js.Any) =
-      toReactAttributeName(attribute.name) -> attributeValueToReactAttributeValue(attribute)
+      result
+    }
 
     private def attributeValueToReactAttributeValue(attribute: Attribute[_]): js.Any =
       attribute match {

example/helloworld/src/main/scala/io/github/shogowada/scalajs/reactjs/example/helloworld/Main.scala

@@ -40,11 +40,11 @@ object Main {
       }
 
       val reactClass = React.createClass[PlainJSProps, Unit] { self =>
-        <.div(^.id := "hello-world")(s"Hello, ${self.props.plain.name}!")
+        <.div(^.id := "hello-world")(s"${self.props.native.value}, ${self.props.plain.name}!")
       }
 
       val mountNode = dom.document.getElementById("mount-node")
-      ReactDOM.render(<(reactClass)(^.plain := PlainJSProps("World"))(), mountNode)
+      ReactDOM.render(<(reactClass)(^.value := "Hello", ^.plain := PlainJSProps("World"))(), mountNode)
     }
 
     renderUsingWrappedProps()