Unable to call component inside component

Getting an exception like

"Invariant violation: it is expected that onMountComponent () will fire for a child element before it includes it in onSetChildren ()"

Calling one component inside another, e.g.

const Forms = this.props.Forms.map(Form=> { return( <table className ="tableN table table-striped table-bordered" key = {Form.get('uid')}> <thead style={{fontSize:'9pt'}}> <tr> <td> Subject:&nbsp;&nbsp;&nbsp; </td> </tr> </thead> <tbody> <tr> <td> <label>Form details:</label> <SomeForm Form={Form}/> </td> </tr> </tbody> </table> ) }) 

SomeForm is another component. What could be causing this error?

+5
source share

All Articles