Non primitive props in react_component view helper.

[jorge-marques]

Hi. Is there a way to pass a reference to an object as prop with the react_component helper? I took a quick glance at the source and it seems there isn't.

This seems like a common use case. I currently using the gon gem to preload JSON data. I'd like to be able to pass this data to the component with the helper.

[jtmalinowski]

Hi,
Could you provide any sample code to show what is not working for you?

This works for me:

<%= react_component('TasksComponent', {:name => 'John', :tasks => Task.all}, {:prerender => true}) %>

{div} = React.DOM

@TasksComponent = React.createClass
  getInitialState: ->
    return null

  render: ->
    div null, [
      div(null, @props.tasks.map((t) -> t.name))
    ]

Sorry for coffee-script.

[jorge-marques]

Passing a ruby hash does indeed work. What I'd like to is to pass a reference to a javascript object, to be evaluated at runtime in the browser.

Also is the possible to pass another component as a prop with this method?

[meleyal]

AFAIK this is not possible as the helper is evaluated on the server, while the JS object is only available on the client.

I guess it could be implemented in react_ujs as some kind of promise that resolves when the component actually mounts.

[jtmalinowski]

I cannot see any interest in this thread right now, so closing, but if anyone stumbles upon this - I'll be happy to reopen and rethink!