Snake-Case key to Camel-Case key for props when server render

Author: ZhangHanDong

lib/react/rails/component_mount.rb

@@ -23,7 +23,8 @@ def teardown(env)
       # on the client.
       def react_component(name, props = {}, options = {}, &block)
         options = {:tag => options} if options.is_a?(Symbol)
-
+        props = camelize_props_key(props)
+        
         prerender_options = options[:prerender]
         if prerender_options
           block = Proc.new{ concat React::ServerRendering.render(name, props, prerender_options) }
@@ -41,6 +42,15 @@ def react_component(name, props = {}, options = {}, &block)
 
         content_tag(html_tag, '', html_options, &block)
       end
+
+      private
+
+      def camelize_props_key(props)
+        return props unless props.is_a?(Hash)
+        props.inject({}) do |h, (k,v)|
+          h[k.to_s.camelize(:lower)] = v.is_a?(Hash) ? camelize_props_key(v) : v; h
+        end
+      end
     end
   end
 end

lib/react/server_rendering/sprockets_renderer.rb

@@ -26,7 +26,7 @@ def render(component_name, props, prerender_options)
           end
 
         if !props.is_a?(String)
-          props = camelize_props_key(props).to_json
+          props = props.to_json
         end
 
         super(component_name, props, {render_function: react_render_method})
@@ -36,13 +36,6 @@ def after_render(component_name, props, prerender_options)
         @replay_console ? CONSOLE_REPLAY : ""
       end
 
-      def camelize_props_key(props)
-        return props unless props.is_a?(Hash)
-        props.inject({}) do |h, (k,v)|
-          h[k.to_s.camelize(:lower)] = v.is_a?(Hash) ? camelize_props_key(v) : v; h
-        end
-      end
-
       # Reimplement console methods for replaying on the client
       CONSOLE_POLYFILL = <<-JS
         var console = { history: [] };