class x extends React.Component {
constructor(props) {
super(props);
this.segundaFuncion = this.segundaFuncion.bind(this);
this.primeraFuncion= this.primeraFuncion.bind(this);
}`
primeraFuncion= (event) => {
if(event.key === 'Enter'){
this.segundaFuncion("item")
}
}
segundaFuncion = field => () => {
//llamado a una acción con Redux
}
Item() {
return (
<div>
<TextField
onChange={this.handleChange}
onKeyPress={this.primeraFuncion}
/>
<IconButton
onClick={this.SegundaFuncion("item")}
>
<AddIcon />
</IconButton>
</div>
);
}`
render() {
return (
<div>
<this.Item/>
)
Estoy intentando activar el método de la arrow function después de un evento de Enter.Cuando hago uso de la funcion desde el componente, SI funciona, pero cuando la intento ejectutar desde el metodo "primera funcion" la cual es una funcion que evalua un ENTER. no funciona.
segundaFuncion = field => () => {
, cuando debería sersegundaFuncion = (field) => {
. Si no, revisa el código que veo algunos errores en tu código, comothis.segundaFuncion .bind(this)
(hay un espacio) o ciertos carácteres ` que tienes en tu código.