mirror of
https://github.com/yewstack/yew.git
synced 2025-12-08 21:26:25 +00:00
90b4e55ebc
* change suffixes from md to mdx fix broken links for English locale tree shake and update docusaurus add docusaurus ideal image plugin use svg and themed image delete unused static asset * move localized landing page * change GitLocalize project page * nit pick * remove ignore to have the block checked
21 lines
1.3 KiB
Plaintext
21 lines
1.3 KiB
Plaintext
---
|
||
title: Introduction
|
||
description: The procedural macro for generating HTML and SVG
|
||
---
|
||
|
||
`html!`マクロによってHTMLとSVGのコードを宣言的に書くことができます。
|
||
JSX \(HTMLのようなコードをJavaScript内部に書くことができるJavaScriptの拡張\) に似ています。
|
||
|
||
**重要な注意**
|
||
|
||
1. `html!`マクロはルートのHTMLノードのみ受け付けます \([フラグメントかイテレータを使う](html/lists.mdx)ことでやり取りできます\)
|
||
2. 空の`html! {}`の呼び出しは可能ですが何もレンダリングしません
|
||
3. リテラルはクオーテーションがつけられ、ブレースで囲う必要があります: `html! { "Hello, World" }`
|
||
|
||
:::note
|
||
`html!`マクロはコンパイラのデフォルトの再帰の上限に簡単に達してしまいます。
|
||
もしコンパイラエラーに遭遇した場合はその値を押し出すといいかもしれません。
|
||
クレートのルート\(つまり、`lib.rs`か`main.rs`\)で`#![recursion_limit="1024"]`のような属性を使えば解決します。
|
||
|
||
詳しくは[公式ドキュメント](https://doc.rust-lang.org/reference/attributes/limits.html#the-recursion_limit-attribute)と[Stack Overflowの質問](https://stackoverflow.com/questions/27454761/what-is-a-crate-attribute-and-where-do-i-add-it)を見てみてください。
|
||
::: |