Pocas maneras de hacer esto.

Como no está utilizando la función de flecha, necesita vincular sus controladores

 constructor() { ...code this.onInputChange = this.onInputChange.bind(this) this.onButtonSubmit = this.onInputChange.bind(this) }

opción 2: cambie su función a la función de flecha

 onInputChange = (event) => { ...code } onButtonSubmit = () => { ...code }

Aquí hay una publicación útil para ayudarlo a comprender por qué

https://www.freecodecamp.org/news/this-is-why-we-need-to-bind-event-handlers-in-class-components-in-react-f7ea1a6f93eb/

Puede cambiar el método onInputChange para usar la función de flecha o necesita vincular this para la función onInputChange .

Usando la función de flecha:

 onInputChange = (event) => { this.setState({ input: event.target.value }); };

Usando enlazar:

 <ImageLinkForm onInputChange={this.onInputChange.bind(this)} onButtonSubmit={this.onButtonSubmit.bind(this)} />