小编Tes*_*345的帖子

我已经准备好把头发扯下来了。因此，我的 Javascript 课程中的最后一个项目是学习 React.js 的实验性项目，您可以在其中创建基本的待办事项列表。我已经完成了所有工作，并且可以让它正确添加内容。但我的最后一个障碍是，从按钮单击打印的段落将导致他们为打印的段落赋予删除线属性，可以通过再次单击它来撤消该属性。

我到处都查过了，我也尝试过这里的其他例子，但我想不出什么可以让删除线发生。我尝试了一个基本的 Javascript 函数，如果这是一个 HTML/非 React 文件，它可以完成我想要的操作，但是当我尝试将其放入时，它会破坏 React 页面。所以我花了很长时间在教程上试图弄清楚知道该怎么做，我也许找到了正确方向的步骤？但我仍然无法发生任何事情，而且我不知道如何为此建立一个 onclick 。

import React from 'react';
import './App.css';

class App extends React.Component {
    setCurrentToDoItem = (toDoItem) => {
        console.log("toDoItem", toDoItem);

        this.setState({
            currentToDoItem: toDoItem
        });
    };

    saveToDoListItem = (toDoItem) => {
        this.setState({
            toDoList: [...this.state.toDoList,
                toDoItem]


        });

    };

    constructor(props) {
        super(props);

        this.state = {
            currentToDoItem: null,
            toDoList: [],
            strikeThrough: []
        };
    }
    render() {
        return (

            <div>
                <h1>To Do List</h1>
                <label>To Do Item: </label>
                <input
                    onChange={(event) => …