在Svelte中，我可以像这样将自定义类传递给子组件：
Icon.svelte
<script>
export { className as class };
let className = '';
</script>
<img src='...' class={className} />
瘦身
<script>
import Icon from './Icon/Icon'
</script>
<div id='app'>
<Icon class='custom-icon' />
</div>
如果检查渲染的DOM，我会看到该类已成功提供给Icon组件：
<img src='...' class='custom-icon' />
但是，如果我定义一些样式.custom-icon中App.svelte，它们不会应用：
<script>
import Icon from './Icon/Icon'
</script>
<style>
.custom-icon {
border: solid 2px red;
}
</style>
<main>
<Icon class='custom-icon' /> <!-- Icon has no red border -->
</main>
检查codesandbox。
那么，有人知道如何使用类从父级为子级组件设置样式吗？
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句