Question

我很喜欢这个功能，我已经在我的应用上实现了。我需要在componentDidMount（）或类似的东西上设置焦点。

我已经尝试过一些建议：

componentDidMount(){
   this.nameDiv.focus(); 
}

<div ref={(div) => { this.nameDiv = div; }}>

用于（Antdesign组件）焦点的焦点或类似。

或类似的东西：

document.getElementById("mytext").focus();

<input type="text" id="mytext"/>

usualy我在我的控制台上收到错误：“无法读取未定义的属性'焦点'”

所以问题是：如何将注意力集中在react / antDesign组件上？

Answer 1

请查看以下代码。我相信这会对您有所帮助。

import React from "react";
import ReactDOM from "react-dom";

class TestFocus extends React.Component {
    componentDidMount = () => {
        this.refs.focusedInput.focus();
    };

    render = () =>
        <React.Fragment>
            <input placeholder="I don't want focus :/" />
            <br />
            <input ref="focusedInput" placeholder="Please focus on me :B" />
        </React.Fragment>;
}

ReactDOM.render(<TestFocus />, document.getElementById("root"));

使用react 16.8.6和react-dom 16.8.6测试

如果有帮助，请告诉我。

AntDesign的React / Redux专注于组件

1 个答案: