Question

我想从<button>标记中获得一些价值，但是当我点击按钮时，它是未定义。我在做什么错了？

我使用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)
}

无法从HTML标记属性“值”到onClick脚本获取值

1 个答案: