您可以使用回调引用来生成并将每个输入的动态引用存储在数组中。现在，您可以使用ref的索引来引用它们：
const Hello = React.forwardRef((props, ref) => <input ref={ref} />);class Button extends React.Component { onClick = () => this.props.onClick(this.props.id); render() { return ( <button onClick={this.onClick}>{this.props.children}</button> ); }}class TestRef extends React.Component { state = { data: [ { name: "abc" }, { name: "def" } ] }; inputRefs = []; setRef = (ref) => { this.inputRefs.push(ref); }; focusInput = (id) => this.inputRefs[id].focus(); render() { return ( <div> {this.state.data.map(({ name }) => ( <Hello placeholder={name} ref={this.setRef} key={name} /> ))} <Button onClick={this.focusInput} id={0}>focus input 1</Button> <Button onClick={this.focusInput} id={1}>focus input 2</Button> </div> ); }}ReactDOM.render(<TestRef />, document.getElementById("root"));<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script><script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script><div id="root"></div>
