我正在按照这个教程制作一个简单的todo应用程序（https://hackernoon.com/create-a-simple-todo-app-in-react-9bd29054566b）。
问题是我遇到了这个错误：

TypeError: _this is undefined

在下面的组件中引用我使用onClick删除时：

import React, {Component} from 'react'

class TodoItems extends Component {

    createTasks(item) {
        return (
            <li key={item.key} onClick={() => this.props.deleteItem(item.key)}>
                {item.text}
            </li>
        )
    }
    render() {
        const todoEntries = this.props.entries
        const listItems = todoEntries.map(this.createTasks)

        return <ul className="theList">{listItems}</ul>
    }
}

export default TodoItems

我看到我可能要用。在构造函数中绑定（this），但我不确定如何在这里应用它。
这是App的部分。js，其中定义了deleteItem并调用TodoItems：

deleteItem = key => {
        const filteredItems = this.state.items.filter(item => {
            return item.key !== key
        })
        this.setState({
            items: filteredItems,
        })
    }
    inputElement = React.createRef()
    render() {
    return (
        <div className="App">
            <TodoList
                addItem={this.addItem}
                inputElement={this.inputElement}
                handleInput={this.handleInput}
                currentItem={this.state.currentItem}
            />
            <TodoItems entries={this.state.items} deleteItem={this.deleteItem}/>
        </div> //App
    )
  }

提前感谢任何帮助！