Clear an input field with Reactjs?

Let me assume that you have done the ‘this’ binding of ‘sendThru’ function.

The below functions clears the input fields when the method is triggered.

sendThru() {
    this.inputTitle.value = "";
    this.inputEntry.value = "";
}

Refs can be written as inline function expression:

ref={el => this.inputTitle = el}

where el refers to the component.

When refs are written like above, React sees a different function object each time so on every update, ref will be called with null immediately before it’s called with the component instance.

Read more about it here.