Rendering <option value =「foo」selected>在服務器上

Question

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道具，這似乎沒有什麼區別。它確實工作，當我使用<option value="C" selected>，但是，在控制檯拋出警告告訴我使用value或defaultValue道具。

的文檔還描述所期望的行爲：https://facebook.github.io/react/docs/forms.html#why-select-value

該代碼使用babel-core用於transpiling在節點v0.12運行。

這是一個錯誤，還是我錯過了什麼？

更新：這是React中的一個錯誤。看到我的評論/鏈接下面。

Answer 1

這是一個known bug已經fixed in master，所以大概會被釋放的React 0.14固定。