Ну у меня с таким синтаксисом было бы множество вопросов,

Question

Svelte [svelt] - All about Svelte JavaScript framework.

Ну у меня с таким синтаксисом было бы множество вопросов,

конечно. Самый первый, пожалуй.

Child.svelte

<div on:click={() => dispatch('click')}>Hey</div>
<button on:*>click</button>

Parent.svelte
<Child on:click={() => console.log('что я такое?')} />

#programming #russian #svelte

0

21.12.2020

13 ответов

13 просмотров

Oleg N

в чем проблема?, в обоих случаях евент объект прилетает, дальше можешь его внутренновсти проверить, а чаще всего достаточно самого события

0

21.12.2020

Daniil Kozlov Автор вопроса

Oleg N
в чем проблема?, в обоих случаях евент объект прил...

То есть мне в родителе надо знать, что ивент click у ребёнка может быть не только клик от дома, но и клик от дива? Разве это не нарушение инкапсуляции компонентов?

0

21.12.2020

Alexey Schebelev

А если вместо on:* будет click? Т.е. по вашему инеапсуляция и сейчас нарушена

0

21.12.2020

Oleg N

Daniil Kozlov
То есть мне в родителе надо знать, что ивент click...

нет, достаточно знать что это клик и использовать

0

21.12.2020

Daniil Kozlov Автор вопроса

Alexey Schebelev
А если вместо on:* будет click? Т.е. по вашему ине...

Проблема on:* в том, что ты не знаешь, к чему родитель подсоединится. Одно дело, когда у тебя есть очевидный dispatch('click'), другое — когда у тебя на все on:* будет навешиваться листенер от родителя, ну и ты там уже в родителе проводи тысячу проверок, чтобы убедиться, что у тебя пришло нормальное событие, а не мусор какой-то.

0

21.12.2020

Alexander Ponomarev

Daniil Kozlov
Проблема on:* в том, что ты не знаешь, к чему роди...

вопрос документирования интерфейса ребенка

0

21.12.2020

Daniil Kozlov Автор вопроса

Alexander Ponomarev
вопрос документирования интерфейса ребенка

Как можно задокументировать такую фигню? CustomEvent<void> | Event<any>? Если у тебя любая подписка может улететь в любой элемент, который может зафайрить его, а может и нет — это же дичара какая-то.

0

21.12.2020

Alexander Ponomarev

Daniil Kozlov
Как можно задокументировать такую фигню? CustomEve...

ты пишешь ребёнка не делай дичь и все будет ок, либо читай документацию к ребёнку если не ты его писал и решай использовать его или нет. Точно также можно один пропс на тысячу внутренних элементов навесить и говорить что можно сделать дичь

0

21.12.2020

Daniil Kozlov Автор вопроса

Alexander Ponomarev
ты пишешь ребёнка не делай дичь и все будет ок, ли...

Так форвард всего — это и есть дичь же. Опять же, у тебя любой ивент может быть как кастомным, так и от дома, и чтобы отделить одно от другого тебе надо знать всё про состав ребёнка. В реакте ты передаёшь пропс, скажем, onClick: (e: EventHandler<MouseEvent, HTMLButtonElement>) => void, ну и его ни на что, кроме кнопки не навесишь, никакой ивент, кроме клика и прочих не передашь. С on:* у тебя реальная сигнатура — Event<HTMLElement> | CustomEvent. И как ты ни напишешь ребёнка, лучше не получится.

0

21.12.2020

Alexander Ponomarev

Daniil Kozlov
Так форвард всего — это и есть дичь же. Опять же, ...

я создаю хэндлеры на Element или HtmlElement потому что давать знания о внутренних элементах наверх это неправильно и это рефакторить проще

0

21.12.2020

Daniil Kozlov Автор вопроса

Alexander Ponomarev
я создаю хэндлеры на Element или HtmlElement потом...

Ну ладно, неважно, какой элемент. Важно, какое событие :)

0

21.12.2020