Question

我正在通过CDN在没有Node的Web上加载React + Babel。在主文件中，所有内容都可以正常运行，但是，如果我不使用JSX语法，则只能使用另一个JS。我可以在主页上做些什么。

我的主文件（是PHP）


<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<script crossorigin src="https://unpkg.com/react@16.7.0/umd/react.production.min.js"></script>
<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>

<script src="./react/test.js"></script>

<script type="text/babel">

class Greeting extends React.Component {
  render() {
    return (
     <div>
      <Hello />
     </div>
    );
  }
}

ReactDOM.render(
    <Greeting />,
    document.getElementById('root')
);

</script>

Mi test.js工作

class Hello extends React.Component {
  render() {
    return React.createElement("div", null, "Hello");
  }
}

Mi test.js无法正常工作

class Hello extends React.Component {
  render() {
    return <div>Hello</div>;
  }
}

如果在首页上可以使用JS，为什么不能在Babel中使用它？

在第一种情况下，一切正常。在第二个示例中：

“未捕获的ReferenceError：未定义Hello”

将Babel中的类与另一个JS文件一起使用

0 个答案: