如何使用.props将值传递给onClick回调？

#如何使用.props将值传递给onClick回调？| 来源: 网络整理| 查看: 265

我创建了如下代码部分所示的按钮数组。我正在使用sandbox。我想做的是，当我单击按钮3时，我应该可以在控制台中接收：

button 3

诸若此类

请告诉我如何将值传递给onclick回调。

代码:

import React from "react"; import ReactDOM from "react-dom"; import createReactClass from "create-react-class"; var arrButtons = []; var buttonStyle = { margin: "10px 10px 10px 0" }; class ButtonClicks extends React.Component { constructor(props) { super(props); this.onClickFunction = this.onClickFunction.bind(this); } onClickFunction() { console.log("button "); console.log(this.props.log); } render() { for (let i = 0; i < 10; i++) { //Moved your loop outside render()'s return arrButtons.push( {i} {this.props.i} ); } return ( {arrButtons} {/*Very important to wrap the buttons inside a div*/} ); } } const rootElement = document.getElementById("root"); ReactDOM.render(, rootElement); export default ButtonClicks;

【本文地址】

公司简介

联系我们

今日新闻

推荐新闻

专题文章