我在循环代码片段上的DOM源代码上进行了非常简单的转换:
const tt_dom$ = tt_slider.DOM
.map(vn => {vn.sel += '.tt';console.log(9870, vn); return vn})
现在,如果组件(即tt_slider
)指定没有JSX的HTML代码,比如说
div('.myclass', [])
然后我从变换中得到所需的输出:
<div class="myclass tt">
但是如果我使用JSX指定它:
<div className="myclass">
我得到了
<div class="myclass">
难道我做错了什么?这是标准行为吗?或者也许Cycles上的某个地方出现了错误?
谢谢
Snabbdom中的className
道具覆盖了所有其他css类(在你的情况下是sel
)。你的超文本代码工作的原因是你不使用props
而是使用sel
。
如果将其更改为div({ props: { className: 'myClass' }}, [])
,您将看到相同的问题。我已经打开了一个关于snabbdom的错误报告,但似乎这是一种行为。
您可以通过使用className
道具进行转换来解决您的问题。