Question

如何使用ReactJS组件将自动对焦 HTML属性包含到输入中？

我尝试使用包含自动对焦的输入的React元素

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

但是当渲染到静态标记时，我没有看到在浏览器中呈现的自动对焦属性（使用Chrome和FireFox中的devTools进行检查）

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

我还尝试了 autoFocus 和 autoFocus =＆＃39; on＆＃39; 和 autofocus 。这些似乎都不起作用。

根据{{3}}，

autoFocus应该有效。

Answer 1

由于不同浏览器的解释，因此不支持此功能：

＆＃34;我们＆＃34;决定不使用它，因为每个浏览器都有它们应该如何工作的独特解释，字面上所有浏览器都以不同的方式做。重载并将其同时渲染到标记似乎是一个坏主意。

查看完整帖子here

HTML输入autoFocus属性无法使用React.renderToStaticMarkup呈现

1 个答案: