时间戳

首页 > 解决方案 > 带有 forEach 的多个按钮，同时还访问 onClick 句柄 ReactJS

javascript - 带有 forEach 的多个按钮，同时还访问 onClick 句柄 ReactJS

问题描述

我有一个具有label和onClick属性的按钮。我还有一个数组，其中包含我需要传递给标签属性的值。这是代码：

render(){
{tabel_soal.forEach(function (item, index) {
                <RaisedButton
                    label={item}
                    onClick={this.handleTabelSoalClick}
                    primary={true}
                />
            })}
}

使用以下结构的数组：

tabel_soal ={"buttonName1","buttonName2","buttonName3"}

但我还需要访问onClick属性来运行以下功能：

handleTabelSoalClick = () =>{
    const {push} = this.props
    push(`/tabelsampel/getDetailTabel/`+this.state.tabel_soal)
}

但目前它显示错误，即未定义。

有什么地方我做错了吗？任何帮助将不胜感激

标签： javascriptreactjsfunction

解决方案

要获得按钮，请执行以下操作及其 onclick 或标签，您可以传递数组

<RaisedButton
label={tabel_soal}
onClick={()=>this.handleTabelSoalClick(tabel_soal)}
primary={true}
 />

并且该函数将接收参数中的数组，

handleTabelSoalClick = (tabel_soal) =>{
    ...//what ever you need to do with the array.
}

如果您想获得多个按钮，可以使用以下代码，

render(){
{tabel_soal.map((item, index) =><RaisedButton
                    label={item}
                    onClick={this.handleTabelSoalClick}
                    primary={true}
                />
       )}
}

推荐阅读