Estou tentando obter um botão renderizado através de outro componente para referenciar e / ou influenciar o estado de um componente diferente.

var Inputs = React.createClass({
  getInitialState: function(){
    return {count: 1};
  },
  add: function(){
    this.setState({
      count: this.state.count + 1
    });
  },
  render: function(){
    var items = [];
    var inputs;
      for (var i = 0; i < this.state.count; i++){
        items.push(<input type="text" name={[i]} />);
        items.push(<br />);
      }
    return (
      <div className="col-md-9">
        <form action="/" method="post" name="form1">
          {items}
          <input type="submit" className="btn btn-success" value="Submit Form" />
        </form>
      </div>
     );
   }
 });

Quero escrever um novo componente que seja capaz de acessar a função add em Inputs. Eu tentei referenciá-lo diretamente comInputs.add como isso:

var Add = React.createClass({
  render: function(){
    return (
      <input type="button" className="btn" value="Add an Input" onClick={Inputs.add} />
    );
  }
});

Mas isso não funcionou. Como eu poderia acessar as funções de um componente através de outro componente ou influenciar o estado de um componente através de outro componente? Obrigado.