Есть ли способ предупредить или показать значение атрибута нажатой метки href с помощью ReactJS & Bootstraptable2 - PullRequest
0 голосов
/ 13 мая 2019

Я сейчас занимаюсь разработкой системы на 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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...