Cycle.js DOM 驱动程序是否适用于 JSX 进行转换？答案

【问题标题】：Does Cycle.js DOM driver works with JSX for transforms?Cycle.js DOM 驱动程序是否适用于 JSX 进行转换？
【发布时间】：2018-06-04 11:00:14
【问题描述】：

我在 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 某处的错误？

谢谢

【问题讨论】：

【解决方案1】：

Snabbdom 中的 className 属性会覆盖所有其他 css 类（在您的情况下为 sel）。您的超标代码有效的原因是您不使用props，而是使用sel。

如果您将其更改为div({ props: { className: 'myClass' }}, [])，您将看到同样的问题。我已经为 snabbdom 打开了一个错误报告，但这似乎是一种固有的行为。

您可以通过使转换使用 className 属性来解决您的问题。

【讨论】：