Buen día tengo un input en react asi:
onInputChange (e) {
this.setState({ name: e.target.value });
this.setState({ inputValue: e.target.value });
}
<div className='input-field col s12 m4 l4 '>
<input value={this.state.inputValue} onChange={this.onInputChange.bind(this)} name="cliente" type="text" className='validate'></input>
<label >Cliente</label>
</div>
Tambien un componente (nieto) que tiene un boton que copia un id de la siguiente manera:
onChange ({target: {inputValue}}) {
this.setState({inputValue, copied: false});
};
onClick ({target: {innerHTML}}) {
console.log(`Clicked on "${innerHTML}"!`);
Materialize.toast('Id Copied!', 2000);
};
onCopy (text) {
this.setState({copied: true});
this.setState({ inputValue: text });
};
<CopyToClipboard
onCopy={this.onCopy}
text={item.iddef_cliente}>
<a className="btn-flat shadow btn-small waves-effect waves-light" onClick={this.onClick} onChange={this.idcopy}><i className="material-icons">content_copy</i></a>
</CopyToClipboard>
lo que quiero hacer es que el id que se copia en el componente se pegue automaticamente en el input. Espero me puedan ayudar.