Reactjs 无法从外部渲染函数获取值

我是新来的。请帮帮我。 我正在尝试获取渲染外部数据的值

data.map(

       <button onClick = { () => { console.log (data)}}></button>
   )

data.map(
{console.log（数据）}}>
)

我在这里得到了数据的价值。但是

  handleClick = () => { 
       console.log (data)  ///  not getting the value
     }

  <button onClick = { this.handleClick}></button>

handleClick=（）=>{
console.log（data）///未获取值
}

---

如果我尝试这个.hadleClick，那么我不会得到任何值。为什么？谢谢，

您应该将要打印的数据传递到如下函数：

<button onClick = { () => this.handleClick(data) }></button>

---

这是因为您没有将值传递给

handleClick

函数。有两种选择：

将函数与

onClick中的参数绑定：

data.map(
    <button onClick = { this.handleClick.bind(this, data) }></button>
)

data.map(
    <button onClick = { this.handleClick.bind(this, data) }></button>
)

data.map(
    <button onClick = { () => this.handleClick(data) }></button>
)

handleClick = data => { 
    console.log(data);
}