My React application has a function that creates a JSX that is called from inside an array.map(), as I want each item of the array to display the JSX “template”, with their own data.

I will try to keep it simple.
I have a list of todos which are displayed in a todo page.
I have a “number of todos” which are displayed on a home page.
I am trying to update in real time the “number of todos” when a user adds a new todos to the list.
My issue is that the state will not update until I refresh the “number of todos” home page. I want it to update in real time without the user having to refresh the page manually.
I am fairly new to react and not really sure what’s going on.

I’m calling this Validation function from another component but when it hits the useState, I’m getting this error message…”Invalid hook call. Hooks can only be called inside of the body of a function component.”

I have this simple form and want to clear out the text box values after a successful submit. What I’m trying isn’t working. The only way I can clear them is to refresh the page. This should be something simple that I’m missing?

I have this simple form and want to clear out the text box values after a successful submit. What I’m trying isn’t working. The only way I can clear them is to refresh the page. This should be something simple that I’m missing?

I have a table of text boxes and want a given text box to highlight when I change it. I have the CSS class but am not able to apply it to a specific field.

Is there a difference between

Is there a difference between

I am trying to use as an input (in the sense of ) to edit content and post the content onto the MySQL backend server by pressing the Save button. I prefer to retain the use because I want to the content to be style-formattable (bold, italic, bulleted lists, etc.). However, I am unable to do so unless I change to , which means I cannot keep the formatting options.

I’m creating a reusable component function called ‘GetQuestion’ that will be called to get questions, scenarios and answer choices from a localhost Rest API that will require both an Exam ID and a Question ID within the request so it returns the correct data. I also want to be able to pass in the exam_id and question_id into this function and I am not sure on how to do that as well. I’m new at this and hope to learn from this groups wisdom, so please enlighten me to the best practices in your advice. Thank you in advance.
Regards,
Joe