React中的错误-以下是2019年的教程，这是一个过时的问题吗

Question

试图在站点上加载一些卡组件-然而，当我添加到根行时，它会出现一个错误(删除确实会使我的站点正常工作，但它不会加载卡组件(新的反应，所以不确定这是否是一种过时的方式。[1] ：https://i.stack.imgur.com/2JIup.png

Answer 1

不确定Card组件中有什么，但您可以尝试以下操作：

1. 将<Card />组件移动到<App />的组件主体
2. 按如下方式重新设置root

const root = ReactDOM.createRoot(document.getElementById('root'))
root.render(
<React.StrictMode>
<BrowserRouter>
<App />
</BrowserRouter>
</React.StrictMode>
)

Answer 2

我认为更像这样的东西正是您想要的。

从链接复制：

import ReactDOM from "react-dom";
import App from 'App';
import Card from './Cards/CardsUI'
const container = document.getElementById('root');
// Create a root.
const root = ReactDOM.createRoot(container);
// Initial render -- Render your card here. 
root.render(<Card />);