我正在嘗試在 JS react 應用程式中使用一些用 Pug 撰寫的代碼。
我在這里找到了這個插件,可以轉換代碼,但是有一個問題。它宣告它不能轉換“。” 宣告,其中有一些。
那么我應該用什么替換“。”以使其作業(或者如果有人可以轉換,那就是對 JS 做出反應,這將是非常棒的!
我希望使用的 Pug 代碼:
- const droplets = 250
.rain
- for (let r = 0; r < droplets; r )
svg.rain__drop(preserveAspectRatio="xMinYMin", viewBox='0 0 5 50', style=`--x: ${Math.floor(Math.random() * 100)}; --y: ${Math.floor(Math.random() * 100)}; --o: ${Math.random()}; --a: ${Math.random() 0.5}; --d: ${(Math.random() * 2) - 1}; --s: ${Math.random()}`)
path(stroke='none', d="M 2.5,0 C 2.6949458,3.5392017 3.344765,20.524571 4.4494577,30.9559 5.7551357,42.666753 4.5915685,50 2.5,50 0.40843152,50 -0.75513565,42.666753 0.55054234,30.9559 1.655235,20.524571 2.3050542,3.5392017 2.5,0 Z")
任何幫助將非常感激!
親切的問候, ClaaziX
uj5u.com熱心網友回復:
.rain__drop
被決議成這個 HTML 標記
class="rain__drop"
這意味著這個 JSX:
className="rain__drop"
根據經驗,如果您有可能運行該應用程式,您始終可以檢查生成的標記。
可能有用:哈巴狗:插值。
可能更有用:PUG 到 HTML。提示:將它與HTML 結合到 JSX中。
復制/粘貼時間!
轉載請註明出處,本文鏈接:https://www.uj5u.com/net/419538.html
標籤:
