
在 jsx 函数中渲染组件
JSX(JavaScript XML)是一种语法扩展,允许在 JavaScript 中编写 React 组件。在 JSX 函数中渲染组件的一种方法是使用组件名称,就像这样:
return;
示例问题
以下是 JSX 函数中的示例代码:
const Text = () => {
const renderDom = () => {
return 222222;
}
const renderComDom = () => {
return ;
}
return (
{renderDom()}
{renderComDom()}
)
};问题和回答
该示例提出了一个问题:
- 为什么 renderDom 函数可以正常渲染,而 renderComDom 函数却渲染不出来?
问题答案是:
- Com 组件可能返回了一个空标签,从而导致它在 JSX 函数中没有正确渲染。










