2017-09-25 44 views
0

我想顯示一個列表,其中包含我的數組任務的值。使用無狀態組件顯示值列表

當我檢查的頁面,去安慰我看到這一點:

Uncaught SyntaxError: embedded: Unexpected token (4:30) 

我不知道什麼能可能出錯的想法,但我的代碼看起來像下面這樣:

<script type="text/babel"> 
    var TaskList = React.createClass({ 
     getInitialState: funtion(){ 
      return { 
       tasks: [ 
        {title: 'Clean dishes', id: 1}, 
        {title: 'Take out the trash', id: 2}, 
        {title: 'Wash the dishes', id: 3} 
       ] 
      } 
     }, 
     render: function(){ 
      return(
       <ul> 
        {this.state.tasks.map(function(task){ 
         return <Task title={task.title} /> 
        } 

        )} 
       </ul> 
      ) 
     } 
    }); 
    var Task = function(props){ 
     return(
      <li>Task: {props.title}</li> 
     ) 
    }; 
    ReactDOM.render(
     <TaskList />, 
     document.getElementById('app') 
    ) 
</script> 

希望你能幫助。

回答

3

你有一個錯字錯誤:(而不是funtion

getInitialState: function