Reactjs Can';t在文本框中键入-反应

Reactjs Can';t在文本框中键入-反应,reactjs,Reactjs,尝试在web浏览器上的文本字段框中键入,但未执行此操作 我没有任何错误通知 这是我在教程之后的代码,我无法在文本框中键入任何内容 import React, {Component} from 'react' class Form extends Component { constructor() { super() this.state = { firstName: "", lastName: ""

尝试在web浏览器上的文本字段框中键入,但未执行此操作 我没有任何错误通知

这是我在教程之后的代码,我无法在文本框中键入任何内容

import React, {Component} from 'react'

class Form extends Component {
    constructor() {
        super() 

        this.state = {
            firstName: "", 
            lastName: ""
        }
    this.handleChange = this.handleChange.bind(this)
    }

    handleChange(event) {
        const {name, value} = event.target
        this.setState({
            [name]: value
        })
    }

    render() {

        return(
            <form>
            <input 
                type="text"
                value={this.state.firstName}
                placeholder="First Name"
                onChange={this.handleChange}
            />
            <br />
            <input
                type="text"
                value={this.state.lastName}
                placeholder="Last Name"
                onChange={this.handleChange}
            />
            </form>
        )   
    }
}

export default Form
import React,{Component}来自“React”
类形式扩展组件{
构造函数(){
超级()
此.state={
名字:“,
姓氏:“
}
this.handleChange=this.handleChange.bind(this)
}
手变(活动){
常量{name,value}=event.target
这是我的国家({
[名称]:值
})
}
render(){
返回(

) } } 导出默认表单

预计能够键入但无法

您忘记了输入上的
名称
标记:

import React,{Component}来自“React”
类形式扩展组件{
构造函数(){
超级()
此.state={
名字:“,
姓氏:“
}
this.handleChange=this.handleChange.bind(this)
}
手变(活动){
常量{name,value}=event.target
这是我的国家({
[名称]:值
})
}
render(){
返回(

) } } 导出默认表单
您忘记了输入上的
名称
标记:

import React,{Component}来自“React”
类形式扩展组件{
构造函数(){
超级()
此.state={
名字:“,
姓氏:“
}
this.handleChange=this.handleChange.bind(this)
}
手变(活动){
常量{name,value}=event.target
这是我的国家({
[名称]:值
})
}
render(){
返回(

) } } 导出默认表单
您的输入上没有姓名标签这是一个新手错误,谢谢您,先生!您的输入上没有姓名标签。这是一个新手的错误,谢谢您,先生!