Mithril.js 多个 css 类

Question

我是 mithril.js 的新手。我有一个 div，如果 ctrl.invalid()==true，我想添加类“无效”，如果 ctrl.hidden()==true，我想添加“隐藏”类。

如果我使用 m('div', {class: ctrl.invalid() ? 'invalid' : '', class: ctrl.hidden()? 'hidden' : ''}) ，它们相互覆盖。

我可以用 m('div', {class: [ctrl.invalid()?'invalid':'', ctrl.focused()?'focused':''].join(' ')}) ，它会工作，但它看起来很乱。

有没有一个优雅的解决方案？谢谢。

Answer 1

我建议您使用 classnames - 一个简单的实用程序。你可以用一种很好的方式定义你的类，它会为你合并所有的东西。在您的情况下，它将是:

const myMergedClasses = classNames({
    invalid: ctrl.invalid(), 
    focused: ctrl.focused()
});
m('div', { class: myMergedClasses })

美丽的？!