Q

CDNを反応させるには、それぞれの使い方を正しく学ぶにはどうすればよいですか？

2017-12-14 6 views 0 likes

0

なぜ私が使用している場合：CDNを反応させるには、それぞれの使い方を正しく学ぶにはどうすればよいですか？

<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>

その作品が、私は公式サイトからのものを使用する場合：

<script crossorigin src="https://unpkg.com/[email protected]/umd/react.development.js"></script> 
<script crossorigin src="https://unpkg.com/[email protected]/umd/react-dom.development.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.24.0/babel.js"></script>

私はクラス使用しています：

class App extends React.Component{

とReactDOMを。

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

「リアクション」が表示されないのはなぜですか？

CDNを反応させるには、それぞれの使い方を正しく学ぶにはどうすればよいですか？

2017-12-14 Hugo Del-Negro

+1

あなたの例は2種類のReact（15.1.0と16）です。 –

+0

それが理由でしょうか？どのように私はこれを反応16で使用する必要がありますか？ –

A

答えて

2

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/[email protected]/umd/react.development.js"></script> 
    <script crossorigin src="https://unpkg.com/[email protected]/umd/react-dom.development.js"></script> 
    <script src="https://unpkg.com/[email protected]/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>

UPDATE、実施例である：あなたは、IE11で動作するためにpolyfillを必要としています。

2017-12-14 15:41:29

+0

IE11で動作させるには 'polyfill'が必要です。動作するかもしれない更新された答えを見てください。ありがとう。 –

関連する問題

関連する問題