8 个版本
| 0.2.4 | 2022 年 9 月 1 日 |
|---|---|
| 0.2.3 | 2022 年 8 月 30 日 |
| 0.1.3 | 2022 年 8 月 29 日 |
| 0.1.2 | 2022 年 5 月 23 日 |
#22 in #place
11KB
137 代码行（不含注释）
dioxus-helmet
概述
受 react-helmet 启发，这个小型的 Dioxus 组件允许您将元素放置在您的代码的 head 部分。
配置
将包添加为您的 Cargo.toml 依赖项。
cargo add dioxus-helmet
使用
在您的代码中导入它
use dioxus_helmet::Helmet;
然后像这样使用它作为组件
#[inline_props]
fn HeadElements(cx: Scope, path: String) -> Element {
cx.render(rsx! {
Helmet {
link { rel: "icon", href: "{path}"}
title { "Helmet" }
style {
[r#"
body {
color: blue;
}
a {
color: red;
}
"#]
}
}
})
}
将动态值向下传递为所有者属性（例如 String 而不是 &'a str）。
同时确保在您的组件中没有使用 Helmet 的 状态。
传递给 helmet 组件的任何子元素都将放置在您的文档的 <head></head> 中。
它们在组件渲染时将可见。不会重复添加 重复项。
许可证
此项目采用 MIT 许可证。
贡献
除非您明确声明，否则您提交的任何旨在包含在 dioxus-helmet 中的贡献，均应按 MIT 许可证许可，无任何附加条款或条件。
依赖项
约 11-15MB
约 283K 代码行