如何用参数调用prop函数

埃里克·姆巴拉玛吉(Eric Mbairamadji)

单击按钮时,我无法访问年龄!我得到了警报,但没有年龄。得到了类似“他的年龄是[object Object]”的信息。谢谢!

class Hello extends React.Component {
  render() {
    return ( < div >
                <h1>{this.props.name}</h1>
                <button onClick={this.props.handleAge}>Click
                </button>
             < /div >
    )
  }
}

class App extends React.Component {

        alertAge (age) { 
        alert('His age is ' + age);
    }

  render() {

    return (
      <div>
         <Hello  name="Eric" age={25} handleAge={this.alertAge}/ >              
         <Hello name="Dyna" age={30} handleAge={this.alertAge}/ >
         <Hello name="Boss" age={8} handleAge={this.alertAge}/ >

      </div>
    );
  }
}
奥斯卡奖

在Hello组件更改时,未使用您期望的参数调用函数:

<button onClick={() => {this.props.handleAge(this.props.age)}}>Click</button>

您需要包装它并传递所需的变量。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何用向量而不是参数列表调用函数句柄?

如何用空手道特征文件中的.js文件的参数调用Javascript函数

如何用Java调用构造函数

如何用隐式指定函数参数?

如何调用函数作为参数

如何调用带参数的函数?

如何调用与参数同名的函数

参数参数如何用于这些嵌套函数?

如何用点(...)参数覆盖硬编码的函数参数?

给定任何大小的 Seq[Any],如何用 this 调用函数,其中它的参数是不同类型的,例如 Int、String

重构:如何用函数代码替换函数调用

如何用out参数调用其他类方法

Javascript中的堆栈如何用于并行函数调用?

如何用“少一分”的Cu调用原始函数?

Unity如何用代码调用按钮上的函数?

如何用不同的数据类型调用相同的函数?

如何用模板参数或 std::function 替换函数指针?

如何用几个参数对变体函数进行稳定包装?

如何用“自动”字推导带有类型的参数的函数?

如何用contractDetails()中的值更新函数tickPrice()的参数?

如何用函数接口/ lambda参数模拟void方法?

如何用我得到的构造函数不写参数?

如何用参数和模板文字描述函数?

如何从Vue 3中的设置调用prop函数

如何通过定义的prop函数传递附加参数?

如何使用多个参数调用合约函数?

如何使用函数参数:调用特定的getter

如何使用参数调用React Context函数

如何使用参数调用类模板函数