javascript - 在此代码中是否将函数作为 Prop 传递？

我是React的新手，遇到了这个React代码:

class Dashboard extends React.Component {
  state = { username: '' };

  render() {
    return (
      <div>
        <WelcomeMessage username={this.state.username} />
        <SettingsForm
          username={this.state.username}
          updateUsername={newUsername => {
            this.setState({ username: newUsername });
          }}
        />
      </div>
    );
  }
}

问题是这段代码是关于什么的:

updateUsername={newUsername => {
            this.setState({ username: newUsername });
          }}

是作为 Prop 传递的函数吗？？？

最佳答案

是的，函数在Dashboard组件中作为 Prop 传递。

通过传递:

updateUsername={newUsername => {
  this.setState({ username: newUsername });
}}

子组件可以调用updateUsername(_myNewUserName_)，它将在其父组件中设置状态。

看看event bubbling可能会有益于实际使用此概念。

希望这可以帮助，

关于javascript - 在此代码中是否将函数作为 Prop 传递？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/57748400/