javascript - 无法从 HTML 标记属性 "value"获取值到 onClick 脚本

Question

我认为 <button> 有一些值(value)标签，但当我单击按钮时它是未定义。我做错了什么？

我使用function(e)获取属性然后 e.value = undefined .

runTest(elem){
    let url = 'someUrl';
    let path = elem.value;
    console.log(path);
    $.post(url, {
        path: path
    }, function(data, status){
        alert('Data: ' + data +  "\nStatus: " + status);
    });
}

render() {
    return (
        <div className='wrapper'>
            <div className="btn-group dropright">
                <button type="button" className="btn" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                    Wraith
                </button>
                <div className="dropdown-menu">
                    <button className="dropdown-item" value='someValue' onClick={this.runTest}>Get value</button>
                </div>
            </div>
        </div>
    );
}

Answer 1

onClick 事件触发一个事件。

所以这是传递给 runTest 函数的事件，而不是元素。

runTest(event) {
    console.log(event.target.value)
}