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>
希望你能幫助。