ReactJS에서 ref에 동적 값을 할당하려면 어떻게해야합니까?

Question

this ReactJS documentation on refs에서 myInput은 입력의 ref에 할당됩니다.

<input ref="myInput" /> 

나는 런타임 중에 만 알 수있는 입력이 두 개 이상 있습니다. 어떻게 할당 할 수 있는지 알고 싶습니다 myInput1, myImput2 여러 입력에?

UPDATE :

내가 런타임에만 입력의 번호를 알고 이유에 대해 명확히 할

.

나는 그 안에 입력 컨트롤이있는 상위 구성 요소를 가지고 있습니다. 상위 구성 요소는 많이있을 수 있습니다. 그것들은 일련의 데이터로부터 만들어집니다. 해당 고차 구성 요소 내부에 참조을 입력으로 설정하여 몇 가지 툴팁을 표시 할 수 있습니다. DOM에는 하나의 툴팁 만 있고 입력 컨트롤의 위치를 ​​기반으로 배치됩니다.

Answer 1

배열을 매핑 할 때 동적으로 참조를 추가 할 수 있습니다.

http://jsfiddle.net/vhuumox0/21/

사용자의 입력에 대한

class Main extends React.Component{ 
    constructor(props){ 
    super(props); 
    } 
    componentDidMount() { 
    console.log(this.refs); // works, shows 3 
    console.log(this.refs.myInput2); // works 
    } 
    render() { 
    const inputs = this.props.inputs.map((inp, i) => { 
    return <input ref={`myInput${i}`}>{inp}</input> 
    }) 
    return (
     <div>{inputs}</div> 
    ); 
    } 
} 

ReactDOM.render(<Main inputs={['input1', 'input2', 'input3']}/>,