javascript - 如何让 React.js 输出有效的 xml 而不是 html？

Question

我遇到一个问题，React.js 省略了在 html 中不需要它们(但在 XML 中需要它们)的元素的结束标签，例如 <input>

例如(jsfiddle:http://jsfiddle.net/hc4hs9on/)

console.log(React.renderComponentToString(<input></input>));

将输出

<input data-reactid=".0" data-react-checksum="1975453773">

这会引发错误 DOMException: Failed to set the 'innerHTML' property on 'Element': The provided markup is invalid XML, and therefore cannot be inserted into an XML document.如果您尝试渲染组件。

我如何告诉 React 我希望它向我发送正确的标记？

Answer 1

是的，你需要修改React的源代码。

幸运的是，这是一个 single line (虽然我还没有测试过):

// ReactDOMComponent.js L178 on master
var closeTag = omittedCloseTags[this._tag] ? '' : '</' + this._tag + '>';
// change it to:
var closeTag = '</' + this._tag + '>';

XHTML 通常被认为是无关紧要的...仔细看看您是否有充分的理由继续使用它。