Reactjs 无法更新React中的表单数据

我使用react接受用户的输入。当用户提交时，我想去掉表单并显示用户输入的数据

我无法在结果页上看到用户输入的数据。我已经上传了下面的截图和代码

类表单扩展了React.Component{
建造师（道具）{
超级（道具）
this.state={isFormOn:true，isResult:false，firstname:，lastname:}；
this.handleClick=this.handleClick.bind（this）；
this.handleChange=this.handleChange.bind（this）；
}
handleClick（）{
this.setState（state=>({
isFormOn:！state.isFormOn，
isResult:！state.isResult
}));
}
handleChange（{event}）{
这是我的国家({
[event.target.name]：event.target.value
});
}
render（）{
返回(
{this.state.isFormOn&&(
名字：


姓氏：




{this.state.isFormOn？'ON'：'OFF'}
)}
{this.state.isResult&&(
输入的名称是：{this.state.firstname}{this.state.lastname}
{this.state.isFormOn？'ON'：'OFF'}
)}
);
}
}
ReactDOM.render(
,
document.getElementById（'root'））
);您的事件处理程序（
handleChange
）是事件对象，并试图从中提取一个名为
event
的属性，该属性不存在

您需要直接使用事件对象：

handleChange(event) {
  this.setState({
    [event.target.name]: event.target.value
  });
}