PM
правда я вообще не уверен что там людям приходит в голову html теги оборачивать
Size: a a a
2020 November 06
AP
что имеется ввиду? вообще тебя послушать, так только JSX имеет право на жизнь, ибо любой шаблонный DSL будет иметь такие же особенности
function Link({onClick, ...rest}) {
return <a {...rest} onClick={(e) => { trackEvent('Link click'); onClick && onClick() }}/>
}PM
function Link({onClick, ...rest}) {
return <a {...rest} onClick={(e) => { trackEvent('Link click'); onClick && onClick() }}/>
}trackEvent откуда тут?
AP
ну это гугланалитика, импорт или глобалка
PM
function Link({onClick, ...rest}) {
return <a {...rest} onClick={(e) => { trackEvent('Link click'); onClick && onClick() }}/>
}<a {...$$props} on:click={e => trackEvent()} on:*><slot/></a>PM
хотя даже restProps не надо
КС
function Link({onClick, ...rest}) {
return <a {...rest} onClick={(e) => { trackEvent('Link click'); onClick && onClick() }}/>
}а тут кстати будет на каждом ререндере заново эта анонимная функция создаваться?
PM
это же нормальные ивенты а не коллбеки галимые
AP
Кирилл Спасибович
а тут кстати будет на каждом ререндере заново эта анонимная функция создаваться?
будет, но это не важно оно в дом элемент передается
PM
и вообще этот мусор с
onClick && onClick() 😂AP
это же нормальные ивенты а не коллбеки галимые
интересует такой же кейс но мне нужно вызвать пришедший onClick по условию
PM
интересует такой же кейс но мне нужно вызвать пришедший onClick по условию
так вызови
PM
но тогда restProps надо будет, раз есть явно определенные пропсы и они используются не прямо на элементе
PM
<a {...$$restProps} on:click={e => true && onClick()} on:*>
<slot/>
</a>
...export let onClick = () => {};
AP
function Link({onClick, ...rest}) {
return <a {...rest} onClick={handleClick}/>
function handleClick(e) {
if (e.currentTarget.href === 'abc') {
onClick();
}
}
}
Меня интересует кейс когда мне переданный эвент все таки придется достать из словаря чтобы вызывать и чтобы он в on:* еще раз не проставилсяPM
function Link({onClick, ...rest}) {
return <a {...rest} onClick={handleClick}/>
function handleClick(e) {
if (e.currentTarget.href === 'abc') {
onClick();
}
}
}
Меня интересует кейс когда мне переданный эвент все таки придется достать из словаря чтобы вызывать и чтобы он в on:* еще раз не проставился<a {...$$restProps} on:click={handleClick}>
function handleClick(e) {
if () {
onClick();
}
}PM
юзай коллбек просто
PM
или можно ручной ре-диспатч вызвать
AP
ну тогда придется передавать колбэком а не через Link on:click и тогда не будет отличаться от реакта =)
PM
с каждым твоим примером понимаю почему у вас приложение мегабайтное)