为什么React为字符串值“true”分配布尔数据属性？

Question

如果我在JSX中编写它并使用React渲染它：

<div data-foo>Hello world</div>

...生成的DOM看起来像这样：

<div data-foo="true">Hello world</div>

为什么？

为了比较，当我使用标准化的布尔属性（例如<button disabled>OK</button>）时，这不会发生 - 生成的DOM与JSX相同。为什么布尔数据 - 属性处理方式不同？