ASP.NET Core 3 and React

Handling a button click event

In this section, we are going to implement an event listener on the Ask a question button in the HomePage component. Follow these steps to do so:

1. Open HomePage.tsx and add a click event listener to the PrimaryButton instance in the JSX:

<PrimaryButton onClick={handleAskQuestionClick}>  Ask a question</PrimaryButton>

Event listeners in JSX can be attached using a function prop that is named with on before the native JavaScript event name in camel case. So, a native click event can be attached using an onClick function prop. React will automatically remove the event listener for us before the element is destroyed.

2. Let's implement the handleAskQuestionClick function, just above the return statement in the HomePage ...