react jsx 大括号内的尖括号？

Question

我正在设置一个 React Pro 侧边栏：

<MenuItem component={<Link to="/documentation" />} icon={<HiInbox />}> Documentation</MenuItem>

有人知道

icon={<HiInbox />}

的语法是什么意思吗？它与不起作用的

icon={HiInbox}

有什么不同？

Answer 1

这意味着

icon

的

MenuItem

属性接受 jsx 片段。