将字符串转换为 ReactJS 中的函数调用答案

【问题标题】：Convert String in to a function call in ReactJS将字符串转换为 ReactJS 中的函数调用
【发布时间】：2020-07-27 02:00:37
【问题描述】：

在我的例子中，按钮是动态创建的，功能名称是动态分配给它们的。从 DB 接收函数名称。我知道这在 JS 中是可能的，但在 reactJS 中，我无法将我的方法名称分配给相关的 Button。

下面是我当前的代码

{this.state.btnArray.map((btnProps, index) =>
  <button
    key={index}
    onClick={() => this.onButtonClick(btnProps.method)}
    style={btnStyle}
  >
    {btnProps.value}
  </button> 
)}

这里onButtonClick 是所有按钮的方法，我希望它为每个按钮更改。

【问题讨论】：

使用唯一值作为处理函数的参数来区分就可以了。

标签： reactjs string function button dynamic

【解决方案1】：

尝试更改您的 onClick 函数以直接调用 btnProps.method 道具

{this.state.btnArray.map((btnProps, index) =>
 <button
  key={index}
  onClick={() => btnProps.method()}
  style={btnStyle}
  >
   {btnProps.value}
 </button> 
 )}

【讨论】：