小编Poo*_*oja的帖子

我有两个按钮和两个文本框。当我单击按钮 1 时，它应该自动聚焦在文本框 1 上。当我单击按钮二时，它应该自动聚焦在文本框2上。

代码：

import React, { Component } from "react";
import "./styles.css";

class App extends Component {
  handleClick(){
    alert("hi");
  }
  render() {
    return (
      <div className="App">
        <div>
          <button onClick={this.handleClick}>One</button>
          <button onClick={this.handleClick}>Two</button>
        </div>
        <div>
          <input type="text" name="one" id="one" placeholder="one" /> 
        </div>
        <div>
          <input type="text" name="two" id="two" placeholder="two" /> 
        </div>
      </div>
    );
  }
}
export default App;

链接到codesandbox