Implement setProps & replaceProps

Author: zetachang

lib/react/component.rb

@@ -156,6 +156,24 @@ module API
       alias_native :mounted?, :isMounted
       alias_native :force_update!, :forceUpdate
 
+      def set_props(prop, &block)
+        raise "No native ReactComponent associated" unless @native
+        %x{
+          #{@native}.setProps(#{prop.to_n}, function(){
+            #{block.call if block}
+          });
+        }
+      end
+
+      def set_props!(prop, &block)
+        raise "No native ReactComponent associated" unless @native
+        %x{
+          #{@native}.replaceProps(#{prop.to_n}, function(){
+            #{block.call if block}
+          });
+        }
+      end
+
       def set_state(state, &block)
         raise "No native ReactComponent associated" unless @native
         %x{

spec/component_spec.rb

@@ -280,6 +280,39 @@ def render
       end
     end
 
+    describe "Props Updating" do
+      before do
+        stub_const 'Foo', Class.new
+        Foo.class_eval do
+          include React::Component
+        end
+      end
+
+      it "should support original `setProps` as method `set_props`" do
+        Foo.class_eval do
+          def render
+            React.create_element("div") { params[:foo] }
+          end
+        end
+
+        element = renderToDocument(Foo, {foo: 10})
+        element.set_props(foo: 20)
+        expect(element.dom_node.innerHTML).to eq('20')
+      end
+
+      it "should support original `replaceProps` as method `set_props!`" do
+        Foo.class_eval do
+          def render
+            React.create_element("div") { params[:foo] ? "exist" : "null" }
+          end
+        end
+
+        element = renderToDocument(Foo, {foo: 10})
+        element.set_props!(bar: 20)
+        expect(element.dom_node.innerHTML).to eq('null')
+      end
+    end
+
     describe "Prop validation" do
       before do
         stub_const 'Foo', Class.new