意外的令牌<使用reactjs時的應用程序

我一直在關注一個視頻教程，它顯然使用JSBin來顯示其代碼，當我在本地試用代碼時，它不適用於我。有人能幫我弄清楚是什麼問題。意外的令牌<使用reactjs時的應用程序

下面是你在你的代碼，這需要在瀏覽器中執行它之前transpiled成標準的JavaScript使用JSX代碼

<!DOCTYPE html> 
<html> 

<head> 
    <title>Redux basic example</title> 
    <script src="https://unpkg.com/[email protected]/dist/redux.min.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.6.0/react.min.js" type = "text/babel"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.6.0/react-dom.min.js" type = "text/babel"></script> 
</head> 

<body> 
    <div id='root'> 

    </div> 
    <script> 
     const counter = (state = 0, action) => { 
      switch (action.type) { 
       case 'INCREMENT': 
        return state + 1 
       case 'DECREMENT': 
        return state - 1 
       default: 
        return state 
      } 
     }; 

     const Counter = ({ value}) => (<div>{value}</div>); 

     const { createStore } = Redux; 
     var store = createStore(counter); 

     const render =() => { 
      ReactDOM.render(
       <Counter value={store.getState()} onIncrement = { 
        () => store.dispatch({type: 'INCREMENT'}) 
       } 
       onDecrement = { 
        () => store.dispatch({type: 'DECREMENT'}) 
       } />, 
       document.getElementById('root') 
      ); 
     }; 

     store.subscribe(render); 
     render(); 
    </script> 
</body> 
</html>

來源

2017-06-14 Sherry

可否請您提供Jsbin網址是什麼？當您在本地運行時，控制檯中是否有錯誤？ – effy

effy這裏是jsbin [here]（http://jsbin.com/dapipu/edit?html,js,output）的鏈接，是的當我在本地運行它時出現錯誤Unexpected token < – Sherry

瀏覽器是抱怨JSX代碼。在將其包含在頁面中之前，您應該將其轉換爲常規Javascript。有幾種方法可以做到：的WebPack，巴貝爾...

看一看創建反應的應用程序內NPM包上手速度快：https://github.com/facebookincubator/create-react-app

來源

2017-06-14 10:49:54

。

const Counter = ({ value}) => (<div>{value}</div>);

查找到Babel

來源

2017-06-14 10:48:13

意外的令牌<使用reactjs時的應用程序

回答

相關問題