小编Tre*_*ler的帖子

访问属性时,List元素值返回错误的值

我有一个我正在尝试实现的React组件,以便它可以将用户单击的列表项的特定值传递给handle方法.

var React = require('react');
var {connect} = require('react-redux');

export var Keyboard = React.createClass({
    handleKeyClick: function(keyClicked)
      {
          console.log(keyClicked.target.value);       
      },  
    render: function () {
        return (
            <ul onClick={(e) => this.handleKeyClick(e)}>
                <li value="1">1</li>
                <li value="2">2</li>
                <li value="3">3</li>
                <li value="4">4</li>
                <li value="5">5</li>
                <li value="6">6</li>
                <li value="7">7</li>
                <li value="8">8</li>
                <li value="9">9</li>
                <li value="0">0</li>
                <li value="B">B</li>
             </ul>  
        );
    }

 });
 export default connect()(Keyboard);

Run Code Online (Sandbox Code Playgroud)

这适用于所有整数值列表项,但是当我单击值为的列表项时B,我收到0作为我的值,而不是B.我不知道只允许整数通过onClick方法传递的限制吗？或者我可能onClick错误地配置了该方法.这种情况的其他例子: