Javascript React 不会渲染到屏幕上

发布于06月21日

我试图测试我的react ，以确保它可以渲染，但由于某些原因，它不会工作.我正在使用npx create-react-app创建我的应用程序.请帮忙

JavaScript:

import React from "react"
import ReactDOM from "react-dom"

const app = () => {
  return (
    <div>
      <h1>Hello World</h1>
    </div>
  )
}
        
ReactDOM.render(app(), document.getElementById("root"))

HTML:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="index.js"></script>
    <link rel="stylesheet" href="style.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"> 
    </script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>
    <title>React App</title>
</head>
<body>
    <div id="root"></div>
</body>
</html>

import React from "react" import ReactDOM from "react-dom/client" const App = () => { return ( <div> <h1>Hello World</h1> </div> ) } ReactDOM.render(<App/>, document.getElementById("root"))

Javascript React 不会渲染到屏幕上

推荐答案

Javascript相关问答推荐

如果没有尾随斜线，托管在收件箱中的React/Vite将无法工作

仅在React和JS中生成深色

vscode扩展-webView Panel按钮不起任何作用

React 17与React 18中的不同setState行为

D3 Scale在v6中工作，但在v7中不工作

在react js中使用react—router—dom中的Link组件，分配的右侧不能被 destruct ''

如何在模块层面提供服务？

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

Reaction Native中的范围滑块

Eval vs函数()返回语义

在使用REACT更改了CSS类之后，无法更改CSS样式

同一类的所有div'；S的模式窗口

使用auth.js保护API路由的Next.JS，FETCH()不起作用

为列表中的项目设置动画

Next.js无法从外部本地主机获取图像

bootstrap S JS赢得了REACT中的函数/加载

TabNavigator和StackNavigator之间的Reaction Native中的导航问题

如何阻止外部脚本进入顶层导航

无法在Adyen自定义卡安全字段创建中使用自定义占位符

如何调整下拉内容，使其不与其他元素重叠？