无法使用svelte获取上下文
Svelte是一种现代的JavaScript框架，用于构建用户界面。它通过编译将组件转换为高效的JavaScript代码，从而在浏览器中运行。然而，Svelte本身并没有提供直接获取上下文的功能。
上下文是指在组件层次结构中，父组件向子组件传递数据或函数的机制。在其他一些框架中，如React和Vue，可以使用上下文来实现跨组件的数据共享。但是，在Svelte中，官方并没有提供类似的上下文API。
如果你需要在Svelte中实现跨组件的数据共享，可以考虑以下几种方法：
- 使用props传递数据：在Svelte中，可以通过props将数据从父组件传递给子组件。父组件可以将数据作为属性传递给子组件，并在子组件中使用props来接收和使用这些数据。
- 使用store管理状态：Svelte提供了一个名为store的概念，用于管理应用程序的状态。你可以创建一个store来存储需要在多个组件之间共享的数据，并在需要的组件中订阅该store来获取数据更新。
- 使用事件传递数据：如果需要在组件之间进行通信，可以使用Svelte的事件系统。你可以在父组件中定义一个自定义事件，并在子组件中触发该事件来传递数据。
总结起来，尽管Svelte本身没有提供直接获取上下文的功能，但你可以通过props、store和事件等机制来实现跨组件的数据共享和通信。这些方法可以帮助你在Svelte应用程序中获取上下文并实现所需的功能。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎 TKE：https://cloud.tencent.com/product/tke
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
- 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iothub
- 移动开发平台（移动推送）：https://cloud.tencent.com/product/umeng_push
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-universe
相关·内容
1回答
根据我的理解，我既可以使用上下文API，也可以使用存储，因为我的数据是静态的，我认为使用上下文API更容易，但我不能让它工作。这是我的数据组件：<script> setContext("folioData",42);这是要检索数据的组件
浏览 14提问于2020-05-18得票数 0
回答已采纳
SvelteKit / Svelte :无法从上下文模块中的“存储”获取或设置(读或写)值。
浏览 1提问于2022-02-03得票数 0
回答已采纳
我目前正在学习Svelte，我想为这个侧项目创建一个身份验证流程。通常，在反应中，我习惯于使用上下文保存身份验证信息。<AuthContext><AuthContext><script lang='ts'>
import { writable } from &#
浏览 18提问于2022-05-27得票数 2
回答已采纳
我正在尝试从零开始构建一个Sveltekit应用程序，使用AWS作为授权工具，而不使用amazon-cognito-identity-js sdk。在登录、注册和验证方面，我已经具备了所有的功能，但我似乎无法掌握如何为我构建的结构存储会话数据。3) 和这个REPL来理解在Svelte中使用上下文(AD将上下文API与存储结合在一起) src|-- components
|或src/rout
浏览 11提问于2022-01-25得票数 0
在svelte工具包中，在我的网站初始化并以我的所有页面和组件可以访问它们的方式存储数据之前，从该表获取所有数据的最佳方法是什么？此外，如果用户更改网站的语言，则需要更新该数据。
浏览 5提问于2022-09-14得票数 0
回答已采纳
Svelt中使用http://localhost:1337/restaurants从URL获取一个JSON对象的列表。我可以在网页中看到这个错误(显然要感谢我的{:catch})：
当我打开包含Svelte组件的Web页面时，我应该在Chromium当然，不应引发以下错误：
数据
此示例使用(Str
浏览 20提问于2021-10-02得票数 9
1回答
你读过关于Svelte商店理论的文章吗？就像体内的代理反应？export const view = (name) => lookups.get (name) ctx.show('A')
&l
浏览 2提问于2022-10-03得票数 0
2回答
我有一个使用ContextAPI管理身份验证的react应用程序，我正试图在Svelte中实现类似的功能。loading && children} )此上下文在其他Login.js组件中使用，如下所示：
import { Auth } from ".中实现这一点，特别是在Authenticate上下文中？到目前为止，我有AuthComp.svelte。我不知道我做的是不是对的。<
浏览 3提问于2021-05-23得票数 8
回答已采纳
是否有方法在运行时更新上下文值，例如单击事件。假设我们将主题或本地化存储在上下文值中，并希望创建一个按钮来更改该按钮。有可能吗？我尝试过使用变量设置上下文并更新该变量，但是它没有工作。如下所示：<script> import Name from './components/Name.sv
浏览 0提问于2019-07-11得票数 6
回答已采纳
2回答
所以我对javascript框架很陌生，我想开始使用svelte。所以我去了svelte网站并开始了安装过程，而且我已经收到了错误。如果你对我的问题有任何疑问，我会继续沟通。这是我的终点站：好了！无法获取远程冷却器@srimaans-air svelte %
浏览 15提问于2022-08-21得票数 0
1回答
为了学习，我尝试用svelte构建正式的。这就是我的app.svelte的样子： import L from 'leaflet'; import/components/Circle.svelte";
map = L.map("map");
浏览 1提问于2020-06-14得票数 4
回答已采纳
在__layout文件中，我想传递一个变量，比如btnclicked="HR"，我想在呈现在槽中的组件中收集这些变量？请帮忙怎么做？
浏览 4提问于2021-07-21得票数 8
3回答
对于帖子列表，我设法使用onMount从Strapi获取数据。效果很好。我无法告诉Svelte :在id.svelte页面中获取这些特定的id数据。在id.svelte中使用下面的代码不起作用，我在控制台中得到一个404。在SvelteKit，Svelte.谢谢你的大力帮助。
我还在我的App.svelte文件中使用svelte路由。我使用<
浏览 17提问于2022-01-23得票数 2
我想使用go作为我的svelte应用程序的has服务器，它有多个html页面。如果我可以使用一个基于文件系统的路由器，我会更喜欢它，但是任何路由器都可以。
浏览 4提问于2022-08-31得票数 1
回答已采纳
2回答
我正在开发一个组件，我需要为它使用上下文。但是我不知道为什么当我使用getContext时，它是没有定义的。这是我在第一个组件(索引组件)上代码的一部分：import {onMount} from "svelte";
setContext(clientProductSuggest, tempSuggest);
});
浏览 2提问于2020-08-03得票数 4
回答已采纳
以便使用page.host从$app/store动态获取。// Note: this is not a Svelte component; it's stores.tsimport(/Users/nates/dev/shy-svelte/node_modules/svelte&#
浏览 7提问于2021-05-29得票数 2
回答已采纳
我是相对较新的Svelte，我正在尝试创建一个“进度条”组件，它跟踪用户的进度(他在注册过程中有多远)。我的ProgressBar.svelte组件：export let progress;
progress = 0;text-center p-1 leading-none" style="width: {progress}%"> {progress}%</div>
浏览 10提问于2022-10-27得票数 0
我有一个组件("Mover.svelte")，它负责向它的任何组件(本例中的“Button.svelte”)提供鼠标拖动功能。我尝试过多种方法来做到这一点，包括Svelte的context API，但我尝试过的任何方法似乎都没有启用反应性。REPL：<script> import Button from "./B
浏览 11提问于2022-08-02得票数 0
2回答
通过Svelte的快速启动，运行命令启动。npx degit sveltejs/template my-svelte-projectnpm install结果：Your application打开localhost:5000：“无法获取/”我正在使用Chrome v84，macOS Mojave v10.14，最新的Svelte版本和滚动版
浏览 3提问于2020-07-25得票数 1
回答已采纳
有没有办法在没有上下文和存储的情况下做到这一点？ 我想要的就是这样。父组件: ParentComp.svelte <script></script>
<slot gutter={gutter}is: {gutter}</div> App.svelte <script>
import ParentCom
浏览 7提问于2020-12-07得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
