Brent Knigge
  • Home
  • About
  • contact
  • pages
    Notes Portfolio Recipes Products
  • Home
  •   /  My Notes
  •   /  React
  •   /  Forms

Handle onClick / onSubmit in parent component

Create a Form in a child component, and handle the form submission in the parent component

Handle onClick / onSubmit in parent component with JSON data

Create a Form in a child component, and handle the form submission in the parent component where JSON data is passed

Handle onClick / onSubmit in parent component with Json Data

Create a Form in a child component, and handle the form submission in the parent component with Json data

JSON data submission to database

Create a Form in a child component, and handle the form submission in the parent component where JSON data is passed to an API endpoint and the form data saved to a database

Forms - pass basic form data

A basic example of posting form data

Forms - populate input values from databases to provide an update mechanism

We look at how to provide a form to edit existing data

Change CSS class from button click

Change an elements CSS with a button click

Change text on a page with a button click

Change text on the page with a button click

Retrieve text input value

Retrieve text input value from a button click

JSX events

Respond to events

© Brent Knigge 2026