基本上,如何做 ff. 在 SvelteKit 中:
我一直在阅读 nextjs 文档,它在这里说:
\n\n\n如果 的子组件
\nLink
是函数组件,除了使用\n 之外passHref
,还必须将该组件包装在 中React.forwardRef
:
我是使用 Semantic UI React 的新手,所以我不确定是否需要这样做,更重要的是如何做到这一点。我对此感到担忧,因为就在上面引用的行之前,文档在这里说:
\n\n\n如果没有这个(passHref),标签将没有 href 属性,这可能会损害您的网站\xe2\x80\x99s SEO。
\n
passHref
我可以这样传递:
<Link href=\'/posts\' passHref>\n <Button>See Posts</Button>\n</Link>\n
Run Code Online (Sandbox Code Playgroud)\n但问题是我不认为我们可以用 Semantic UI 包装组件,因为React.forwardRef
它是刚刚导入的。所以我的问题是:
不知道你怎么想,但我听说过 SvelteKit 中的这个新路由系统。我第一次听说这个是通过我在官方文档+error.svelte
中找到的文件。不久,我还看到其他文件,例如文件名前面有一个符号的文件,如下所示:在文档上。__layout.svelte
+
+layout.svelte
所以我一直想知道:
我是 Svelte Native 的新手。我正在遵循文档上的快速入门步骤。安装nativescript
和创建新的 Svelte-Native 应用程序npx degit halfnelson/svelte-native-template myapp
没有问题。
但是,在我cd myapp
运行之后ns preview
(立即继续上面的屏幕截图):
注意:我在第二次尝试时做了,因为我在文档的屏幕截图上看到了这一点,只是为了测试它并看看它是否会工作(但它也没有)。tns
preview
那么我应该等到预览服务启用吗?如果没有,我不知道如何配置本地构建并使用“ns run”代替。我该怎么做?
这是我在设备上屏幕录制的 gif,您可以在其中看到我正在谈论的蓝色框填充:
我尝试这样做:
* {
user-select: none;
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
};
button,
button:active,
button:focus {
outline: none;
};
Run Code Online (Sandbox Code Playgroud)
但它并不能解决消除蓝色框填充的问题,因为它并不是真正的焦点边框或outline
.
该怎么办?我不断重新启动我的服务器,但它仍然不起作用。这是我的 models.py 的完整代码片段:
from django.db import models
class Blog(models.Model):
title = models.CharField(max_length=50)
pub_date = models.DateField(auto_now_add=True)
# publication date
image = models.ImageField(upload_to='images/')
summary = models.CharField(max_length=200)
body = models.TextField()
def __str__(self):
return self.title
Run Code Online (Sandbox Code Playgroud)
我是 SvelteKit 的新手。我阅读了文档(我正在尽力遵循并遵循使我的网站正常运行的内容)。
在我的src > routes > posts > [postId].svelte
:
<script>
// http://localhost:3000/posts/[postId]
import PostDetails from '../../components/pages/PostDetails.svelte';
</script>
<PostDetails />
Run Code Online (Sandbox Code Playgroud)
在我的src > components > pages > PostDetail.svelte
:
<script>
import { page } from '$app/stores';
console.log({ page });
console.log('page.params', page.params);
</script>
<h1>Post Title</h1>
Run Code Online (Sandbox Code Playgroud)
我想得到page.params.postId
但它不起作用。所以我决定在控制台上记录page
和的值:page.params
正如文档中所述,我期望{ host, path, params, query }
从这个对象中获取page
。但我除了一个subscribe
函数什么也没得到。我究竟做错了什么?请帮忙。