小编saj*_*tha的帖子

我试图根据同一个表格中的ProductID在新列中获取"现金","检查"和"信用卡"总计.

表 - 付款

+-----------+------------+---------------+--------+
| ProductID |  SaleDate  | PaymentMethod | Amount |
+-----------+------------+---------------+--------+
|         3 | 2012-02-10 | Cash          |     10 |
|         3 | 2012-02-10 | Cash          |     10 |
|         3 | 2012-02-10 | Check         |     15 |
|         3 | 2012-02-10 | Credit Card   |     25 |
|         4 | 2012-02-10 | Cash          |      5 |
|         4 | 2012-02-10 | Check         |      6 |
|         4 | 2012-02-10 | Credit Card   |      7 | …

我正在尝试使用React events分配给按钮的自定义"值",但根据我点击按钮的位置,我会得到不同的结果.我可能会使用getDOMNode()或this.state获得所需的结果,但我对如何使用"反应事件"及其行为感到困惑.

是否最好在单个元素上使用合成事件<input>？有没有办法使用反应事件获取按钮的值？

注意:我在<button>元素中使用bootstrap glyphicon .

var Content = React.createClass({
    handleClick: function(e) {
        console.log( e.target );
    },
    render: function() {
        return (
            <div>
                <button type="button" value="button1" className="btn btn-default" onClick={this.handleClick}><span className="glyphicon glyphicon-ok"></span> Submit</button>
            </div>
        )
    }
});

的jsfiddle

console.log(e.target)结果:

1. 将鼠标移到glyphicon'复选标记'上,然后单击.

   <span class="glyphicon glyphicon-ok" data-reactid=".0.0.0"></span>
   

   Run Code Online (Sandbox Code Playgroud)

2. 将鼠标移到"提交"一词上,然后单击

   <span data-reactid=".0.0.1"> Submit</span> 
   

   Run Code Online (Sandbox Code Playgroud)

3. 将鼠标移动到按钮内的任何其他位置,然后单击

   <button type="button" value="button1" class="btn btn-default" data-reactid=".0.0"><span class="glyphicon glyphicon-ok" data-reactid=".0.0.0"></span><span data-reactid=".0.0.1"> Submit</span></button>
   

   Run Code Online (Sandbox Code Playgroud)

我们对合成事件和DOM行为不熟悉,你们可以告诉我们.任何指导将不胜感激!谢谢.