Обратите внимание на класс «MAIN», в который помещается элемент, например
<div class="container">
<ul class="select">
<li> First</li>
<li>Second</li>
</ul>
</div>
. В приведенном выше сценарии объект MAIN, который будет наблюдать jQuery, является «контейнером».
Тогда вы в основном будете иметь имена элементов в контейнере, такие как ul
, li
и select
:
$(document).ready(function(e) {
$('.container').on( 'click',".select", function(e) {
alert("CLICKED");
});
});
Вы должны использовать такие параметры:
<Route path="/dta/:pid" component={this.DtaDisplay}/>
DtaDisplay = ({match}) => {
return <h1>{match.params.pid}</h1>
}
См. Этот документ из React Router
Компонент, который визуализируется через Route
приемные реквизиты маршрутизатора. Среди них вы можете получить доступ к параметрам запроса, используя match.params.pid
DtaDisplay = (props) => {
const { match: { params: { pid }}} = props;
return <h1>{pid}</h1>
}
. Используя вышеприведенное, вы можете использовать pid
в других местах, где это необходимо, без необходимости писать props.match.params.pid
повторно.