Javascript 当console.log运行时&；不合并相同的输出？

据我所知，使用

console.log将同一字符串连续打印到浏览器控制台会合并输出并显示打印计数

如下图所示，“ListItem”文本打印了5次，“Hello”文本打印了5次。他们将其显示为计数，而不是重复打印文本


但我不明白为什么第一个“ListItem”文本是单独打印的。我的意思是在哪种情况下控制台合并&不合并它们

所有“ListItem”文本都是从相同的日志语句和相同的操作打印的（呈现一个React组件）

其他信息：


文本（“ListItem”）是从React组件（功能）打印的
第一次打印发生在组件最初渲染时
下一次打印是在父组件状态更新时发生的&为此，子组件重新渲染

代码：

const ListItemView=（）=>{
log（'ListItem'）；
返回(
项目1
项目2
项目3
项目4
项目5
);
}

更新：

即使这一次，它也从未被合并

即使是从同一个日志语句和同一个操作打印


代码：

类ListItemView扩展了React.Component{
render（）{
log（'ListItem'）；
返回(
项目1
项目2
项目3
项目4
项目5
)
}
};

const ListItemView = () => {
    console.log('ListItem');

    return (
        <>
            <li>Item 1</li>
            <li>Item 2</li>
            <li>Item 3</li>
            <li>Item 4</li>
            <li>Item 5</li>
        </>
    );
}

class ListItemView extends React.Component {
    render() {
        console.log('ListItem');
        return (
            <>
                <li>Item 1</li>
                <li>Item 2</li>
                <li>Item 3</li>
                <li>Item 4</li>
                <li>Item 5</li>
            </>
        )
    }
};