我试图找出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-

console error

索引上查看的代码.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')
  );

推荐答案

这是React应用程序呈现方式的react@18次更改.createRoot采用DOMNode引用,而不是JSX.创建根后,103可以对其调用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.

Javascript相关问答推荐

如何从defineExpose访问数据和方法

如何使用Paged.js仅渲染特定页面

创建1:1比例元素,以另一个元素为中心

D3多线图显示1线而不是3线

通过使用100%间隔时间来代表我们还剩多少时间来倒计时

从PWA中的内部存储读取文件

将2D数组转换为图形

为什么我的列表直到下一次提交才更新值/onChange

将自定义排序应用于角形数字数组

colored颜色 检测JS,平均图像 colored颜色 检测JS

当作为表达式调用时,如何解析方法decorator 的签名?

在服务器上放置了Create Reaction App Build之后的空白页面

当Redux提供程序访问Reduxstore 时,可以安全地从Redux提供程序外部调用钩子?

加载背景图像时同步旋转不显示的问题

Chart.js-显示值应该在其中的引用区域

如何在Svelte中从一个codec函数中调用error()?

将异步回调转换为异步生成器模式

为什么云存储中的文件不能公开使用?

JavaScript:如果字符串不是A或B,则

当我点击一个按钮后按回车键时,如何阻止它再次被点击