J
Это называется делегирование событий
Size: a a a
2020 August 07
A
Это называется делегирование событий
так, и как бы вы расставили слушатели в таком блоке
<div
onClick={()=>{console.log(1)}}
>
<div
onClick={()=>{console.log(2)}}
></div>
</div>
<div
onClick={()=>{console.log(1)}}
>
<div
onClick={()=>{console.log(2)}}
></div>
</div>
J
Не понял вопроса
A
Не понял вопроса
тот же самый вопрос, что и был раньше, как привально, по вашему мнению, через preventDefault и stopPropagation обработать эти два клика, что бы по внутреннему диву выводилась только 2, а по внешнему 1.
Я просто не могу понять, как вы это реализуете, поэтому спрашиваю
Я просто не могу понять, как вы это реализуете, поэтому спрашиваю
J
чтобы выдало двойку, в нижнем хендлере запускаешь e.stopPropagation(), чтобы единицу, запускаешь в нём же e.stopImmediatePropagation(), в чём проблема?
J
onClick={(e)=> {
e.stopPropagation(),
console.log(2)}
}
e.stopPropagation(),
console.log(2)}
}
1
Не подскажите пожалуйста
Лучше в самих экшенах делать запросы и сетить мувики?
export const setPage = page => {
return dispatch => {
dispatch({
type: 'SEARCH/SET_PAGE',
payload: page
})
dispatch(
getPopularMovies(page)
.then(r => {
dispatch(setPages(r.total_pages))
dispatch(setMovies(r.results))
})
)
}
}
Или тут pastebin.com/c59xtXSH хорошо?
Столкнулся с тем что discover теперь объект и все усложнилось, подумал, правильно ли делаю, собирая всё в одну кучу?
Лучше в самих экшенах делать запросы и сетить мувики?
export const setPage = page => {
return dispatch => {
dispatch({
type: 'SEARCH/SET_PAGE',
payload: page
})
dispatch(
getPopularMovies(page)
.then(r => {
dispatch(setPages(r.total_pages))
dispatch(setMovies(r.results))
})
)
}
}
Или тут pastebin.com/c59xtXSH хорошо?
Столкнулся с тем что discover теперь объект и все усложнилось, подумал, правильно ли делаю, собирая всё в одну кучу?
Вверх
A
чтобы выдало двойку, в нижнем хендлере запускаешь e.stopPropagation(), чтобы единицу, запускаешь в нём же e.stopImmediatePropagation(), в чём проблема?
что ты вы не то говорите, или я не понимаю, а если у нас нижнего нет?
J
Aleksandr
что ты вы не то говорите, или я не понимаю, а если у нас нижнего нет?
e.target какбэ
A
J
Так вопрос изначально шёл про два хендлера. Я хз, почему ты меня про другое спрашиваешь
J
Если хендлер верхний, то у нас есть e.target для дочернего элемента и e.currentTagret для того, на котором хендлер
A
Так вопрос изначально шёл про два хендлера. Я хз, почему ты меня про другое спрашиваешь
Вопрос изначально был про то, что бы обрабатывать onClick на родителе и на дочернем
J
Помогите, есть див, на нем слушатель клика, в этом диве есть кнопка на ней тоже слушатель, но когда нажимаю на кнопку то срабатывают оба слушателя. Как это изменить?
вот был вопрос
J
как сделать, чтобы не срабатывали два слушателя
A
вот был вопрос
ну, два элемента, один родительский, другой дочерний, как сделать так, что бы родительский срабатывал только при клике на него, а дочерний, только при клике на дочерний
J
e.stopPropagation()
J
на второй круг заходим?
A
на второй круг заходим?
не, идею понял, но чем то она мне нравится
J
это самый мейнстримный подход в JS