在大括号内连接字符串和变量

Question

如何在{}中连接字符串和变量？例如。 onClick={this."social"+key}：

                    <Button
                    onClick={this.'social'+key}
                      color="transparent"
                      justIcon
                      key={key}
                      className={classes.customButtonClass}
                    >

Answer 1

您可以将这些函数存储在数组中，并可以在onClick中使用该数组，

render() {
    const fns = [this.social0, this.social1, this.social2, this.social3]
    return (
      <div>
        {buttons.map((btn, key) => {
          return (
            <button onClick={fns[key]} key={key}>
              {btn}
            </button>
          )
        })}
      </div>
    )
  }

Demo