'React' 在全局范围内不起作用

Question

我无法弄清楚我做错了什么。我还阅读了一些关于 SOF 的问题，但其中任何一个都不适合我。

我有一堆错误：

第 3 行：使用 JSX react/react-in-jsx-scope 时，“React”必须在范围内
第 4 行：使用 JSX react/react-in-jsx-scope 时，“React”必须在范围内
第 5 行：使用 JSX react/react-in-jsx-scope 时，“React”必须在范围内
第 9 行：'ReactDOM' 未定义 no-undef

function tick() {
  const element = (
    <div>
      <h1>Hello, world!</h1>
      <h2>It is {new Date().toLocaleTimeString()}.</h2>
    </div>
  );
 
  ReactDOM.render(element, document.getElementById('root'));
}

setInterval(tick, 1000);

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>

Answer 1

添加

import React from 'react'
import ReactDOM from 'react-dom'

在文件的顶部。