如何将组件传递给React中组件的属性？

Question

我的SplitPane组件类包含属性body和side。我还有一个Table组件类我试图插入但我一直收到错误。

<SplitPane side='hi' body=<MyTable /> />

将返回

JSXAttribute expected node to be of a type ["JSXElement","StringLiteral","JSXExpressionContainer"] but instead got "CallExpression"

Answer 1

您需要将其包裹在花括号中并删除JSX。只是假装它是一个正常的变量。

<SplitPane side='hi' body={MyTable} />

Answer 2

应为<SplitPane side='hi' body={<MyTable />} />