将JS状态保存到无序列表中

Question

class App extends Component {
  constructor() {
    super()
    this.state = {
      firstName: ""
    }
    this.handleChange = this.handleChange.bind(this)
  }

  handleChange(event) {
    this.setState({
      firstName: event.target.value
    })
  }

  render() {
    return (
      <form>
        <input type="text" placeholder="First Name" onChange={this.handleChange} />
        <h1>{this.state.firstName}</h1>
      </form>
    );
    }
}

export default App;

大家好，我目前正在研究React，似乎很难掌握所有内容。我在这里使用的代码可以在浏览器中显示用户在输入框中输入的内容。我似乎无法弄清或无法正常工作的是，将输入中键入的内容映射到屏幕上。即当我按回车键时，它会刷新并且名称消失。我现在尝试创建一个无序列表，以使每个名称都显示在屏幕上。任何帮助或链接将不胜感激。谢谢

Answer 1

在这种情况下，只需添加新功能（这将描述提交此表格后的内容），您可以使用：