使用无状态组件显示值列表

Question

我正在尝试显示包含数组任务值的列表。

当我检查页面并转到控制台时，我看到了：

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>

希望你能提供帮助。

Answer 1

您收到错字错误：

getInitialState: function（而不是funtion）