From the course: The Freelance Stack: Real Project with Next.js and Strapi

Unlock this course with a free trial

Join today to access over 25,200 courses taught by industry experts.

Functionality subscribe to newsletter component

Functionality subscribe to newsletter component - Next.js Tutorial

From the course: The Freelance Stack: Real Project with Next.js and Strapi

Start my 1-month free trial Buy for my team

Functionality subscribe to newsletter component

“

We'll now take care of the functionality of this component. So, so far, we've used the useClient keyword here, even though we didn't actually need it. But now we're going to bring in useState, because what we need to be able to do is track what the user is inputting in this input component right here. So, what we're going to say is, we first say we're first going to have some state here, which we name e-mail and then set e-mail and useState is going to be set first to an empty string. Now for us to track what the user is actually inputting we first have to say well this input right here needs to have the value of e-mail and we also want to have an onChange function with which we can update exactly this state, right, this e-mail here. So we're going to create a new function in here that I'm going to call onChange because we've already named it here basically. And what's coming into onChange will be this event, right? Anytime somebody types something in the input we're going to receive…

Contents