HTML輸入autoFocus屬性不使用React.renderToStaticMarkup呈現

Question

如何將自動對焦 HTML屬性添加到使用ReactJS組件的輸入中？

我與包含自動對焦

<input className='EI-input' autoFocus='true' tabIndex='0' 
           name='username' type='text' 
           ref='inputUser' autoComplete='on' 
           placeholder='email' /> 

的輸入做出反應元素嘗試過，但渲染到靜態標記時，我沒有看到瀏覽器中呈現的自動對焦性能（在Chrome的devTools檢查和Firefox）

const jsx = React.renderToStaticMarkup(<InputWithAutoFocus />); 
console.log(jsx); // I don't see the autofocus attribute in the input 

我也只是自動對焦和自動對焦=試圖 '上'和自動對焦。這些似乎都不起作用。

根據ReactJS docs，autoFocus應該工作。

Answer 1

這是不支持由於不同瀏覽器的解釋：

「我們」決定不使用它，因爲每個瀏覽器都有自己獨特的應該是如何工作的解釋，從字面上所有的瀏覽器都不同。重載它並將它同時呈現給標記似乎是一個糟糕的主意。

看到完整的螺紋here