Svelte 中 context 传值为什么子组件拿不到？
我在父组件里用 setContext('theme', 'dark') 设置了上下文，但在嵌套的子组件里用 getContext('theme') 却返回 undefined，这是为啥？
我确认子组件是在父组件内部使用的，而且没有跨组件树的情况。是不是 setContext 必须在组件初始化时调用？下面是我的代码：
// 父组件 Parent.svelte
import { setContext } from 'svelte';
setContext('theme', 'dark');
// 子组件 Child.svelte
import { getContext } from 'svelte';
const theme = getContext('theme');
console.log(theme); // 输出 undefined
- 2
回答
70浏览
Svelte Context在嵌套组件中传递数据时为什么子组件无法获取到值？
我在用Svelte的Context传递数据时遇到了问题。父组件通过setContext设置了值，但三层嵌套后的子组件用getContext获取时一直是undefined，这是怎么回事？ 我的结构是这样...
- 2
回答
23浏览
Svelte过渡动画为什么在组件销毁时没有触发？
我在用Svelte的fade过渡时发现，给组件加了transition:fade后显示时有动画，但删除组件时却没有退出动画。按照文档应该自动触发exit，我是不是哪里漏配了？ 尝试过这样写： {#ke...
- 1
回答
4浏览
Svelte组件中如何正确传递和使用动态props？
我在写一个Svelte的按钮组件，想通过props传入不同的class，但发现样式没生效，是不是我写法有问题？ 我试过这样写：export let className = ''，然后在父组件里传，但生...
- 2
回答
24浏览
Svelte 中组件的 CSS 为啥会影响全局样式？
我在写 Svelte 组件时，明明把样式写在组件内部了，但发现它居然影响到了页面上其他地方的元素，这不应该啊？不是说 Svelte 的 CSS 是作用域隔离的吗？ 比如我写了下面这个按钮组件： <...
- 2
回答
20浏览
Storybook中如何为组件注入全局Context Provider？
我在用Storybook写一个按钮组件的Story时，发现组件依赖项目里的AuthContext，但Storybook运行时报错找不到Context值。我试过在.stories.jsx里用addDec...
- 2
回答
35浏览
Svelte Store的响应式更新在组件间不同步怎么办？
我在用Svelte的writable store实现两个组件间共享状态，但发现一个组件更新store后，另一个组件没有响应式更新，这是怎么回事？ 比如在主组件里这样写： import { writab...
- 2
回答
92浏览
Svelte中为什么在异步函数里修改变量后视图没更新？
我在用Svelte写一个异步请求组件时遇到问题，当在setTimeout里修改响应式变量后，页面完全没变化，但直接在回调里console.log能看到新值。之前用$:导出变量了，也试过用set()方法...
- 2
回答
67浏览
Svelte中修改对象属性视图没更新怎么办？
在Svelte组件里直接修改对象属性，页面就是不更新，这是为什么啊？ 比如我写了这样的代码： let user = { name: 'Alice', age: 25 }; function updat...
- 1
回答
62浏览
Svelte 中的 CSS 作用域到底是怎么工作的？
我在 Svelte 组件里写了样式，发现它只作用于当前组件，但我不太明白它是怎么做到的。比如我写了一个 .btn { color: red; }，在另一个组件里也写同样的类名，样式不会互相影响，这是自...
- 1
回答
13浏览
Svelte里$符声明的响应式变量为啥不生效？
我在Svelte组件里用$: doubled = count * 2声明了一个响应式变量，但页面上没更新。count是通过按钮点击+1的，逻辑看起来没问题啊？ 试过把doubled直接写在模板里能正常...
如果还是不行的话，可能要注意两点：
1. 确保Child组件确实是Parent的直接子组件
2. 检查有没有用
我之前熬夜debug的时候就是因为不小心把setContext放在了onMount里，结果死活拿不到值，差点把自己整崩溃...