JSX 函数中渲染组件:为什么 renderComDom 函数无法渲染?

JSX 函数中渲染组件:为什么 renderComDom 函数无法渲染?

在 jsx 函数中渲染组件

JSX(JavaScript XML)是一种语法扩展,允许在 JavaScript 中编写 React 组件。在 JSX 函数中渲染组件的一种方法是使用组件名称,就像这样:

return <Com />;

示例问题

以下是 JSX 函数中的示例代码:

const Text = () => {

    const renderDom = () => {
        return 222222;
    }

    const renderComDom = () => {
        return <Com />;
    }

    return (
        
            {renderDom()}
            {renderComDom()}
        
    )

};

问题和回答

该示例提出了一个问题:

  • 为什么 renderDom 函数可以正常渲染,而 renderComDom 函数却渲染不出来?

问题答案是:

  • Com 组件可能返回了一个空标签,从而导致它在 JSX 函数中没有正确渲染。

以上就是JSX 函数中渲染组件:为什么 renderComDom 函数无法渲染?的详细内容,更多请关注其它相关文章!