React应用组件无页面输出 报render is not a function错误

该报错是React版本和API写法不匹配导致的：

• 你当前安装的是React 18版本，代码里从react-dom/client导入ReactDOM，这个模块是React 18新增的入口，不再提供旧版的ReactDOM.render方法
• 你写的ReactDOM.render(<Counter />, document.getElementById("root"))是React 17及更早版本的挂载写法，和当前导入的模块API不兼容，因此抛出函数不存在的错误。

推荐直接使用React 18标准的挂载API，修改index.js中的挂载逻辑即可，你的Counter组件代码本身没有问题，不需要改动。
修改后的index.js完整代码：

import React from 'react';
import ReactDOM from 'react-dom/client';
import './index.css';
import 'bootstrap/dist/css/bootstrap.css';
import Counter from './components/counter';

// 先创建根实例，再调用render挂载组件
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(<Counter />);

如果一定要沿用旧版render写法，可以把导入语句改成import ReactDOM from 'react-dom'，但不推荐这么做，旧版API在后续React版本中会被完全移除。

内容的提问来源于stack exchange，提问作者Usama Hameed