Reactjs 如何在React中将输入数据记录到控制台

我想知道如何使用它，当我在键盘上按enter键时，它会将输入中的任何内容记录到控制台上。请帮忙。谢谢

    import React, { Component } from 'react';
     import './App.css';

    class App extends Component {
      onClick() {
        alert("CLICKED");
      }

      onChange(eve) {
        console.log(eve.target.value);
      }

      onSubmit() {
        alert("SUBMITTED");
      }

      render() {
          const list = ["Lebron", "Kobe", "Steph", "Kevin"];
        return (
          <div className="App">
           <h1>{
             list.map(listitem =>{
               return (
               <div onClick={this.onClick}>
                {listitem}
              </div>
             )})
           }</h1>
           <form onSubmit={this.onSubmit}>
             <input onChange={this.onChange} />
           </form>
          </div>
        );
      }}

export default App;

import React，{Component}来自'React'；
导入“/App.css”；
类应用程序扩展组件{
onClick（）{
警报（“点击”）；
}
onChange（eve）{
console.log（eve.target.value）；
}
onSubmit（）{
警报（“已提交”）；
}
render（）{
const list=[“勒布朗”、“科比”、“斯蒂芬”、“凯文”]；
返回(
{
map（listitem=>{
返回(
{listitem}
)})
}
);
}}
导出默认应用程序；

---

请帮忙

将输入值存储在

状态

变量

onChange

中，然后将其记录到控制台

onSubmit

class App extends Component {
    constructor(props) {
        super(props);
        this.state = {
            value: ''
        };
    }
    onChange = event => {
        this.setState({ value: event.target.value});
    }
    onSubmit = event => {
        const { value } = this.state;
        event.preventDefault();
        console.log(value);
    }
    render() {
        const list = ["Lebron", "Kobe", "Steph", "Kevin"];
        const { value } = this.state;
        return (
            <div className="App">
                ...
                <form onSubmit={this.onSubmit}>
                    <input onChange={this.onChange} value={value}/>
                </form>
            </div>
        );
    }
}

类应用程序扩展组件{
建造师（道具）{
超级（道具）；
此.state={
值：“”
};
}
onChange=事件=>{
this.setState（{value:event.target.value}）；
}
onSubmit=事件=>{
const{value}=this.state；
event.preventDefault（）；
console.log（值）；
}
render（）{
const list=[“勒布朗”、“科比”、“斯蒂芬”、“凯文”]；
const{value}=this.state；
返回(
...
);
}
}

没问题！如果你的问题得到解决，你能接受这个答案吗？