First Item
\nSecond Item
\na group\nof three\nitems Atributos Os atributos também são especificados dentro dos colchetes {}, usando a sintaxe name: value. Você pode fornecer o valor como um literal no RSX: cx.render(rsx!(a { href: \"https://www.youtube.com/watch?v=dQw4w9WgXcQ\", class: \"primary_button\", color: \"red\",\n})) Log In Nota: Todos os atributos definidos em dioxus-html seguem a convenção de nomenclatura snake_case. Eles transformam seus nomes snake_case em atributos camelCase do HTML. Atributos Personalizados Dioxus tem um conjunto pré-configurado de atributos que você pode usar. O RSX é validado em tempo de compilação para garantir que você não especificou um atributo inválido. Se você quiser substituir esse comportamento por um nome de atributo personalizado, especifique o atributo entre aspas: cx.render(rsx!(b { \"customAttribute\": \"value\", })) Rust is cool Interpolação Da mesma forma que você pode formatar Rust strings , você também pode interpolar no texto RSX. Use {variable} para exibir o valor de uma variável em uma string , ou {variable:?} para usar a representação Debug: let coordinates = (42, 0);\nlet country = \"es\";\ncx.render(rsx!(div { class: \"country-{country}\", \"position\": \"{coordinates:?}\", // arbitrary expressions are allowed, // as long as they don't contain `{}` div { \"{country.to_uppercase()}\" }, div { \"{7*6}\" }, // {} can be escaped with {{}} div { \"{{}}\" },\n}))