Question

配置如下：

class MyComponent extends Component {
    constructor(props) {
        super(props);
     
        this.inputRef = React.createRef();
    }

    ...
 
    render() {
        ...
        <TextInput style={styles.textInput}
           ...                           
           ref={this.inputRef}
        />
        ...
    }
}

问。如何确定TextInput 是否在 render（）方法内具有焦点？

Answer 1

您可以使用this functions进行检查，也可以通过在textInput中注册onBlur（）和onFocus（）回调函数来创建自定义设置。

例如

<TextInput
          onFocus={() =>console.log("focus received" ) }
          onBlur={() => console.log("focus lost") } />

找出TextInput是否通过ref获得焦点

1 个答案: