ReactJS 事件 - this.props.onSubmit(this.state...)

Question

以下代码片段来自一个简单的 Todo 列表，该列表将信息存储在本地 EOS 区块链上，并具有基于 ReactJS 构建的前端 Web 界面。问题与 ReactJS 有关，特别是事件处理程序代码片段

saveTodo(e) {
  e.preventDefault();
  this.props.onSubmit(this.state.description)
  this.setState({ description: "" })
}

完整的程序可以在这里找到...https://github.com/eosasia/eos-todo/blob/master/frontend/src/index.jsx

在事件处理程序saveTodo(e)的正文中，有一行this.props.onSubmit(this.state.description)。我想知道这里到底发生了什么？

我是 ReactJS 的新手，看起来上面的代码行通过调用内置函数 onSubmit()[= 以某种方式设置了属性 (props) 31=] 带有从状态对象中检索到的参数。这个对吗？我没有看到 onSubmit() 是如何分配给这段代码中任何地方的道具的，但不知何故我们能够像这样使用它：this.props. onSubmit(this.state.description) ….这里发生了什么？

谢谢你。

P.S。请原谅这个术语。我不确定 "event handler" 或 "event listener" 是否正确。

Answer 1

TodoForm 组件采用属性 "onSubmit".

该行只是调用此属性（由其父级传递给它）并传递描述（取自 TodoForm 的状态）。

例如：

<TodoForm onSubmit={(description) => alert(description)} />

ReactJS 事件 - this.props.onSubmit(this.state...)

ReactJS events - this.props.onSubmit(this.state....)

event-handling

reactjs

react-props

eos