Я сейчас занимаюсь разработкой системы на ReactJS, поэтому у меня возникла проблема с получением значения атрибута тега href.В настоящее время я использую React Bootstraptable2 для перечисления пользователей.
Вопрос: Есть ли способ, как только я нажму на тег href, я хочу предупредить значение этого атрибута данных.
Поле данных:
dataField: 'driver_id',
text: 'Action',
formatter: (cellContent, row) => (
<div>
<div className="dropdown-menu">
<h4 className="dropdown-header">Driver Action</h4>
<a className="dropdown-item" href="#" driver-data-att={row.driver_id}>Trace Driver</a>
<a className="dropdown-item" href="#" driver-data-att={row.driver_id}>Edit</a>
<a className="dropdown-item" href="#" driver-data-att={row.driver_id}>Deactivate</a>
</div>
<button className="btn btn-primary
user-management-button dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" value={row.driver_id}><FontAwesomeIcon icon={faLocationArrow} /></button>
</div>
)
Визуализация:
<ToolkitProvider
keyField="driver_id"
data={this.state.driver_info}
columns={ columns }
search
>
{
props => (
<div>
<div className="row">
<div className="col-md-9">
<button className="btn btn-primary add_driver_btn" data-toggle="modal" data-target="#exampleModal"><FontAwesomeIcon icon={faMotorcycle}/> Add Driver</button>
</div>
<div className="col-md-3">
<div className="float-right search-user"><SearchBar { ...props.searchProps } /></div>
</div>
</div>
<br/>
<BootstrapTable
noDataIndication="Table is Empty"
pagination={ paginationFactory() }
bordered={ false }
striped
hover
condensed
{ ...props.baseProps }
/>
</div>
)
}
</ToolkitProvider>