Javascript 如何使用reactjs中的submit按钮在html中获取输入和显示

我试图得到输入onChange的值，我真的很困惑。（该函数应采用用户输入并以html显示）

导出类应用程序扩展React.Component{
建造师（道具）{
超级（道具）
此.state={
日期：新日期（），
输入文本：“”
}
this.handleChange=this.handleChange.bind（this）
this.submitChange=this.submitChange.bind（this）
}
手变（活动）{
这是我的国家({
[event.target.name]：event.target.value
})
}
提交更改（事件）{
event.preventDefault（）
这是我的国家({
输入文本：true
})
}
渲染（）{
返回(

这里有一种方法。您可以跟踪按钮是否已在状态下单击，以及何时显示输出：

类应用程序扩展了React.Component{
建造师（道具）{
超级（道具）
此.state={
提交：假，
日期：新日期（），
输入文本：“”
}
this.handleChange=this.handleChange.bind（this）
this.submitChange=this.submitChange.bind（this）
}
手变（活动）{
这是我的国家({
[event.target.name]：event.target.value
})
}
提交更改（事件）{
event.preventDefault（）
这是我的国家({
提交：对，
inputText:this.state.inputText，
})
}
render（）{
报税表（
<
按钮类名称='submit'
onClick={
这个。提交更改
}
值='Submit'>Submit<
p id=“submittedText”>{
这个州提交了吗？
this.state.inputText:'
}
<
p id=“submittedDate”>{
这个州提交了吗？
this.state.date.toLocaleTimeString（）：“”
}

<
/div>
)
}
}
ReactDOM.render（，document.getElementById（'root'））；

export class App extends React.Component {
constructor (props) {
super(props)
this.state = {
  date: new Date(),
  inputText: ''
}
this.handleChange = this.handleChange.bind(this)
this.submitChange = this.submitChange.bind(this)
}
handleChange (event) {
 this.setState({
  [event.target.name]: event.target.value
})
}
submitChange (event) {
 event.preventDefault()
 this.setState({
  inputText: true
})
}
render () {
return (
<form onSubmit={this.submitChange}>
      <input type='text' className='text_appoint' name='inputText' value={this.state.inputText} onChange={this.handleChange} placeholder='Typeing ...' />
</form>
<button className='submit' onClick={this.submitChange} value='Submit'>
<div> </div>