Javascript 使用react js的渲染函数时出错

当我将代码从复制到javascript文件时，在浏览器控制台中会出现此错误

---

SyntaxError:应为表达式，得到的“不在函数内包装元素

这是给你的小演示

方法1:

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

const element = (
  <div>
    <h1>Hello, world!</h1>
    <h2>It is {new Date().toLocaleTimeString()}.</h2>
  </div>
);

const rootElement = document.getElementById("root");
ReactDOM.render(element, rootElement);

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

function Tick() {
  const element = (
    <div>
      <h1>Hello, world!</h1>
      <h2>It is {new Date().toLocaleTimeString()}.</h2>
    </div>
  );

  return element;
}

const rootElement = document.getElementById("root");
ReactDOM.render(<Tick />, rootElement);

从“React”导入React；
从“react dom”导入react dom；
常量元素=(
你好，世界！
它是{new Date（）.toLocaleTimeString（）}。
);
const rootElement=document.getElementById（“根”）；
render（元素，根元素）；

或

方法2:

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

const element = (
  <div>
    <h1>Hello, world!</h1>
    <h2>It is {new Date().toLocaleTimeString()}.</h2>
  </div>
);

const rootElement = document.getElementById("root");
ReactDOM.render(element, rootElement);

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

function Tick() {
  const element = (
    <div>
      <h1>Hello, world!</h1>
      <h2>It is {new Date().toLocaleTimeString()}.</h2>
    </div>
  );

  return element;
}

const rootElement = document.getElementById("root");
ReactDOM.render(<Tick />, rootElement);

从“React”导入React；
从“react dom”导入react dom；
函数Tick（）{
常量元素=(
你好，世界！
它是{new Date（）.toLocaleTimeString（）}。
);
返回元素；
}
const rootElement=document.getElementById（“根”）；
render（，rootElement）；

你可以选择任何一种方法

---

希望这对你有帮助

元素

必须是反应组件：

function tick() {
  const Element = () => ( // Make it a functional component 
    <div>
      <h1>Hello, world!</h1>
      <h2>It is {new Date().toLocaleTimeString()}.</h2>
    </div>
  );
  ReactDOM.render(<Element/>, document.getElementById('root')); // Render as component
} 

函数tick（）{
常量元素=（）=>（//使其成为功能组件
你好，世界！
它是{new Date（）.toLocaleTimeString（）}。
);
ReactDOM.render（，document.getElementById（'root'）；//作为组件呈现
} 

还要确保您有适当的设置