react.js - 请问antd里如何设置Input焦点？

问题描述

问 题

比如：点击一个按钮后，自动把焦点设置到某个Input上，如果能做到自动选中输入内容就更好了。

解决方案

const { Input } = antd;

class App extends React.Component {
  handleClick = () => {
    const input = this.refs.myInput.refs.input;
    input.focus();
    input.setSelectionRange(0, input.value.length);
  };
  
  render() {
    return (
      <div>
        <Input ref="myInput" defaultValue="foo" />
        <button onClick={this.handleClick}>Focus</button>
      </div>
    );
  }
}

http://codepen.io/yesmeck/pen...

这篇关于react.js - 请问antd里如何设置Input焦点？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！