PM
может автор компонента сказал какие классы можно передавать
Size: a a a
2021 April 06
AP
ладно понятно
PM
<Nested classes=“child-class”/>
// Nested.svelte
<div class={$$restProps.classes}>
</div>
<style>
.child-class {. … }
</style>
// Nested.svelte
<div class={$$restProps.classes}>
</div>
<style>
.child-class {. … }
</style>
PM
хэш тоже добавится
AP
я даже не знаю теперь насколько часто селекторы будут удаляться из разметки =) насколько часто нет динамики
КС
гы, там хеш по дефолту
AP
скоупинг свелта, скоупинг свелта, самый лучший скоупинг
PM
да нормальная тема. готовые пропсы для кастомизации. я часто использую, правда не так, а через class:
AP
да понятно, просто это немного фолс промис, что стили почистятся за вас. Одно неверное движение и не почистятся
AP
в целом ожидаемо, поэтому я и почти никогда и не придавал значения этой фиче
AP
это даже забавно, свелт тебя такой предупреждает предупреждает "этот селектор не используется", а потом раз одно динамическое использование и он молчит =)
AP
а ты такой сидишь и думаешь какой же я чистомен, как все клево написал
КС
главное не законфузиться
КС
<script>
export let a = false;
export let b = false;
</script>
<h1 class:a class:b>Hello!</h1>
<style>
.a {
color: red;
}
.b {
color: blue;
}
.c {
color: yellow;
}
</style>
КС
ну хотя бы так тришэйпинг происходит
КС
@PaulMaly так ты юзаешь ?
PM
чаще всего да. бывают и сразу перечислением в одном пропсе, но реже. обычно если прям очень дофига пропсов будет иначе
PM
можно и через $$restProps но у него тоже есть небольшие издержки
КС
ну из издержек я вижу тока то что если много рестпропов то будет сравнено много ключей объедка на изменение любого и то что хэш всегда висит на теге даже если класса нет
КС
т.е. прикол такой, что если допустим у тебя есть сиблинг селектор, или ещё какая-нибудь шляпа