在服务器上渲染<option value =“foo”selected>

React v0.12 / v0.13:我有一个问题,我想在服务器和客户端(同构)都呈现一个<select>元素。 这是一个当前重现问题的例子:

 const React = require("react"); const SelectedDebug = React.createClass({ displayName: "SelectedDebug", render() { return ( <div> <select value="C"> <option value="A">A</option> <option value="B">B</option> <option value="C">C</option> </select> </div> ); } }); module.exports = SelectedDebug; 

selected属性不在服务器上呈现,但在浏览器中正常工作。

我也尝试在<select>元素上设置defaultValue prop,这似乎没有什么区别。 当我使用<option value="C" selected> ,它确实有效,但是,在控制台中会引发警告,告诉我使用valuedefaultValue prop。

该文档还描述了所需的行为: https : //facebook.github.io/react/docs/forms.html#why-select-value

此代码在使用babel-core进行转译的Node v0.12中运行。

这是一个错误,还是我错过了什么?

更新:这是React中的一个错误。 看到我的评论/链接下面。

这是一个已知的bug ,已经在master中修复了 ,所以可能会被释放React 0.14修复。