Impossible to have form components on second level?

I realize my question is unclear, I couldn’t figure out how to properly explain what I mean in a concise way. Here’s what I mean:

<Formsy.Form>
    <div>
        <MyOwnInput />
    </div>
    <button>Submit</button>
</Formsy.Form>

I am unsure if it is only the way I set up formsy and my project, but this won’t work. I’ll get this as undefined in MyOwnInput’s render method.

Is this known and a requirement of formsy-react that every component need to have Formsy.Form as a direct parent?`

[clayne11]

Formsy uses the context to pass down attachToForm / detachFromForm to its children. As long as the context chain doesn’t get broken you can put form children as deeply down the render tree as you’d like.

One thing to be aware of is that if any component in the tree returns false from shouldComponentUpdate, then it’s children will not receive context updates.

[clayne11]

It’s not really documented. I figured it out by reading the code.