Javascript CDN在react中，我如何学习如何正确使用它们？_Javascript_Reactjs_Cdn_Jsx

Javascript CDN在react中，我如何学习如何正确使用它们？

javascript reactjs

Javascript CDN在react中，我如何学习如何正确使用它们？,javascript,reactjs,cdn,jsx,Javascript,Reactjs,Cdn,Jsx,为什么我使用： <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.js"></script> 反应性 ReactDOM.render(<App />,

为什么我使用：

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

反应性

ReactDOM.render(<App />, document.querySelector("#root"));

ReactDOM.render（，document.querySelector（“#root”）；

为什么说“React”不见了

CDN在react中，我如何学习如何正确使用它们中的每一个？

CDN和

unpkg

都会起作用。这是一个工作示例

<!DOCTYPE html>
<html>
  <head>
    <title>React Hello World</title>
    <meta charset="utf-8">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/6.26.0/polyfill.js"></script>
    <script crossorigin src="https://unpkg.com/react@16.0.0/umd/react.development.js"></script>
    <script crossorigin src="https://unpkg.com/react-dom@16.0.0/umd/react-dom.development.js"></script>
    <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
    <script type="text/jsx">
      class App extends React.Component {
          render() {
              return (
                <div>
                    Hello World!
                </div>
              )
          }
      }

      ReactDOM.render(
        <App />, 
        document.getElementById("app")
      );
    </script>
  </head>
  <body>
    <div id="app"></div>
  </body>
</html>


反应你好世界
类应用程序扩展了React.Component{
render（）{
返回(
你好，世界！
)
}
}
ReactDOM.render(
, 
document.getElementById（“应用程序”）
);

更新：您需要

polyfill

才能在IE11中工作。

cdn和

unpkg

都可以工作。这是一个工作示例

<!DOCTYPE html>
<html>
  <head>
    <title>React Hello World</title>
    <meta charset="utf-8">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/6.26.0/polyfill.js"></script>
    <script crossorigin src="https://unpkg.com/react@16.0.0/umd/react.development.js"></script>
    <script crossorigin src="https://unpkg.com/react-dom@16.0.0/umd/react-dom.development.js"></script>
    <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
    <script type="text/jsx">
      class App extends React.Component {
          render() {
              return (
                <div>
                    Hello World!
                </div>
              )
          }
      }

      ReactDOM.render(
        <App />, 
        document.getElementById("app")
      );
    </script>
  </head>
  <body>
    <div id="app"></div>
  </body>
</html>


反应你好世界
类应用程序扩展了React.Component{
render（）{
返回(
你好，世界！
)
}
}
ReactDOM.render(
, 
document.getElementById（“应用程序”）
);

更新：您需要

polyfill

才能在IE11中工作。

您的示例是React的两个不同版本（15.1.0和16）。这是原因吗？那么我应该如何在react 16中使用它呢？您的示例是react的两个不同版本（15.1.0和16）。这就是原因吗？那么我应该如何在react 16中使用它呢？您需要

polyfill

才能在IE11中工作。查看可能有效的更新答案。谢谢。您需要

polyfill

才能在IE11中工作。查看可能有效的更新答案。谢谢

<!DOCTYPE html>
<html>
  <head>
    <title>React Hello World</title>
    <meta charset="utf-8">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/6.26.0/polyfill.js"></script>
    <script crossorigin src="https://unpkg.com/react@16.0.0/umd/react.development.js"></script>
    <script crossorigin src="https://unpkg.com/react-dom@16.0.0/umd/react-dom.development.js"></script>
    <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
    <script type="text/jsx">
      class App extends React.Component {
          render() {
              return (
                <div>
                    Hello World!
                </div>
              )
          }
      }

      ReactDOM.render(
        <App />, 
        document.getElementById("app")
      );
    </script>
  </head>
  <body>
    <div id="app"></div>
  </body>
</html>