Hi, how to do this: https://facebook.github.io/react/docs/refs-and-the-dom.html#adding-a-ref-to-a-class-component With reagent?

I dont know how to change this from render

hey guys, How can I use an other component(function) inside properties of an other component ?

@lxsameer What exactly do you mean?

you mean how you can pass a component function as an argument to a component?

@urbank I want to do something like this <componentA link={<componentB/>} />

So you want to have a reference to compB in compA?

reference ?

just want to pass a component as the attributes of an other component

here is a real life example

<Card thumbnail='/img/carousel-1.png'
  label='Sample Label'
  heading='Sample Heading'
  description='Sample description providing more details.'
  link={<Anchor href=''
  label='Sample anchor' />} />

Well, if you want Anchor to be a child of Card you can pass it like this [card ...args [anchor ...args]]

it's not like a child

if Card wants to do something with the hiccup of Anchor

you can just pass the hiccup as the link arg

[card {:link [anchor {...}]}] I think

nope , that's not possible

Warning: Failed prop type: Invalid prop link of type array supplied to Card, expected a single ReactElement.

Oh... is Card a React component imported from a javascript lib?

yupe

Ah, then I think it's like this:

@urbank what's :>

?

You need it to use a javascript React component as a reagent component

@urbank thanks, It worked, but is :> a new thing in reagent ?

I think it's relatively new, yeah

thanks any way 😉

No problem 🙂 kinda surprised it just worked... was sure I screwed something up

I just used as-element I already have some wrappers around components which imported from react

Ah, ok

@lxsameer :> is syntactic sugar for adapt-react-class

cool thanks