我試圖弄清楚 React 并且不確定這里出了什么問題，因為瀏覽器顯示為空白。
這是代碼。
import React from 'react';
import { BrowserRouter as Router, Route, Routes, Link} from "react-router-dom";
import Home from './Home';
function App() {
return (
<>
<Router>
<Routes>
<Route exact path="/" element={<Home />}/>
</Routes>
</Router>
</>
);
}
export default App;
更新 1 -
在 index.js 上查看的代碼
import React from 'react';
import ReactDOM from 'react-dom/client';
import App from './App';
ReactDOM.createRoot(
<React.StrictMode>
<App />
</React.StrictMode>,
document.getElementById('root')
);
uj5u.com熱心網友回復：
這是react@18React 應用程式呈現方式的變化。createRoot接受 DOMNode 參考，而不是 JSX。創建根后，您可以在其上呼叫render方法。
例子：
import { StrictMode } from "react";
import { createRoot } from "react-dom/client";
import App from "./App";
const rootElement = document.getElementById("root");
const root = createRoot(rootElement);
root.render(
<StrictMode>
<App />
</StrictMode>
);
請參閱react-dom-client了解更多詳細資訊。
uj5u.com熱心網友回復：
如果您的螢屏變為空白并且您沒有看到任何錯誤，那么控制臺中肯定有一些錯誤。
uj5u.com熱心網友回復：
我在此頁面中沒有發現任何錯誤。檢查您是否在此處正確匯入了 home 組件。如果正確匯入，請檢查主組件是否有錯誤。您還可以檢查控制臺中是否收到任何錯誤或警告。
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/477636.html
標籤：javascript 反应 反应域
下一篇：通過單擊AJAX搜索值替換輸入值