I have a todo list and I want to apply css (strike through) on checked off items, not just delete them (also store checked value) but cant figure out how to properly do that. Any ideas would be great!! On a side note, I know its not a best practice code review place, but any opinions regarding my code structure are super welcomed, as Im trying to improve! Thanks!!

```
class TodoWrapper extends React.Component {
    state = {
        todos: [],
        currentItem: {text: "", id: "", checked: false}
    };

    onChange = (input) => {
        this.setState({
            currentItem: {
                text: input,
                key: Date.now() / Math.random()
            }
        })
    };

    addItem = (e) => {
        e.preventDefault()
        const newItem = this.state.currentItem
        if (newItem.text !== '') {

            const todos = [...this.state.todos, newItem]

            this.setState({
                todos: todos,
                currentItem: { text: '', key: '', checked: false },
            })
        }
    };
// here I could delete them but I dont know how to not delete and just mark checked (with strike through css)
    deleteItem = key => {
        const filteredItems = this.state.items.filter(item => {
            return item.key !== key
        })
        this.setState({
            items: filteredItems
        })
    }

    render () {
        return (
            <React.Fragment>
                <AddItem
                    addItem={this.addItem}
                    onChange={this.onChange}
                    currentItem={this.currentItem}
                />
                <List
                    todos={this.state.todos}
                    handleCheck={this.handleCheck}
                    deleteItem={this.deleteItem}
                />
            </React.Fragment>
        )
    }
}

const AddItem = ({addItem, currentItem, onChange}) => {

    const onInputChange = (event) => {
        onChange(event.target.value)
    };

    return (
        <form onSubmit={addItem}>
            <input value={currentItem} onChange={onInputChange}/>
            <button type="submit">Add</button>
        </form>
    )
};

const renderList = todos.map(item=> {
        return (               
                <li key={item.id}>{item.text}
                 <input
                     type="checkbox"
                     checked={item.isChecked}
                 />
                </li>React - h
        )
    });

    return (
        <ul>
            {renderList}
        </ul>
    )
};

```