score:1

Accepted answer
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>
<div id="app"></div>

score:0

class Others1 extends React.Component {
  log(){
    console.log('Hello from Others1');
  }
  render() {
    return <h1>Others1</h1>
  }
} 

class Child extends React.Component{
  other1Ref(el) {
    el.log();
  }

  render() {

    // 'i' need to be counter for eg. 0, 1, 2 ...
    const Others1 = this.props._array[i].type();
    Other1.other1Ref();

    return (
      <div></div>
    )
  }

}

let _array = [<Others1/>, ...];

class Parent extends React.Component{
  render() {
    return <Child _array={_array} />
  }
}

ReactDOM.render(<Parent/>, document.getElementById('app'))

Related Query

More Query from same tag