为什么rowspan属性在Matt/虚拟-dom库中不起作用？

Question

我在使用马特-埃什虚拟域库.

我需要使用rowspan创建一个表，如下(小提琴)所示：

<a href="google.co.uk">Link</a>
<table>
    <tr>
        <td rowspan=2>Foo</td>
        <td>Baz</td>
        <td>Baz</td>
    </tr>
    <tr>
        <td>Baz</td>
        <td>Baz</td>
    </tr>    
</table>

但是，当我尝试使用虚拟-dom时，rowspan属性将被忽略(所需)：

var h = require('virtual-dom/h');
var createElement = require('virtual-dom/create-element');

function draw()  {
    return h('div', [
      h('a', {href: 'google.co.uk'}, 'link'),
      h('table', [
            h('tr', [
                h('td', {rowspan: '2'}, 'Foo'),
                h('td', 'Baz'),
                h('td', 'Baz')
            ]),
            h('tr', [
                h('td', 'Baz'),
                h('td', 'Baz')
            ]),
        ]),
    ])
}

var tree = draw();              
var rootNode = createElement(tree);
document.body.appendChild(rootNode);

我注意到链接的href属性与预期的一样工作，但是td上的rowspan属性没有工作。

为什么rowspan属性在Matt/虚拟-dom库中不起作用？

Answer 1

虚拟-多姆处理的是JavaScript DOM属性，而不是HTML。

HTML属性区分大小写，JavaScript rowspan属性映射到(拥有大写S)财产。