Question

我在ReactJS中有一个简单的Component类，如下所述。我想在单击按钮时获取名称字段的值。

var Movie = React.createClass({

handleBuy: function(){
    console.log('tried adding to array');
    cartItems.push({ id: 2, title: "Sholay", visible: false });
    console.log('tried adding to array............');
},

render: function() {
    return (
        <tr>
        <td>{this.props.movie.name}</td>
        <td>{this.props.movie.day}</td>
        <td>{this.props.movie.description}</td>
        <td><button className="btn btn-info" onClick={this.handleBuy}>Buy Ticket</button></td>
        </tr>);
    }

}）;

我想打印this.props.movie.name用于单击Button的行，但我似乎没有得到它。

提前感谢。

Answer 1

使用一些参数调用this.handleBuy ......

<button
  className="btn btn-info"
  onClick={() => this.handleBuy(<the data you care about>)}
>
  Buy Ticket
</button>

查找在React中单击的Component的值

1 个答案: