Как передать компонент в атрибут компонента в 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 />} />