React Js 中的复选框和状态

Question

我正在 React Js 中处理复选框和文本字段。 文本字段工作正常，但我的复选框不会从构造函数中分配的状态更改其状态。 我在我的方法“handleChange”中找不到任何错误。 请帮忙

我的组件是

import React from "react"
class App extends React.Component {
    constructor() {
        super()
        this.state = {
            name: "",
           work1: false
        }
        this.handleChange = this.handleChange.bind(this)

    } 
    handleChange(event) {
        const {name, value, type, checked} = event.target
        type === "checkbox" ? this.setState({[name]: checked}) :    this.setState({[name]: value})
    }
    render() {  
        return (
            <div className="todo-item">
                <input 
                    type="checkbox"
                    onChange = {this.handleChange}  
                    checked={this.state.work1}   
                />
                <input
                    type = "text" 
                    name= "name"
                    value= {this.state.name}
                    onChange={this.handleChange }

                />     
              <p >{this.state.name}</p>
            </div>
        )
    }
    }
export default App

Answer 1

您尚未提供如下所示的复选框字段名称属性

 <input type="checkbox" name="work1" onChange = {this.handleChange} checked={this.state.work1} />