The words Under construction in black text on a yellow background with diagonal black stipes surrounding it
I'm in the process of moving my site. It's still a work in progress. Please excuse the mess and broken links.

Form Basics Value Update On Change

TODO: Pull subtitle into page object

See this page:

https://reactjs.org/docs/forms.html

example code from that page to review and refine:

code_start_default_section code_end_default_section

Another post to examine:

https://nextjs.org/blog/forms

Debugging Stuff

I'm moving stuff around right now. All this below is helping me figure out where to put stuff

        -- title

Form Basics Value Update On Change

-- p

See this page:

-- p

https://reactjs.org/docs/forms.html

-- p

example code from that page to review and refine:

-- code/
-- jsx

class NameForm extends React.Component {
  constructor(props) {
    super(props);
    this.state = {value: ''};

    this.handleChange = this.handleChange.bind(this);
    this.handleSubmit = this.handleSubmit.bind(this);
  }

  handleChange(event) {
    this.setState({value: event.target.value});
  }

  handleSubmit(event) {
    alert('A name was submitted: ' + this.state.value);
    event.preventDefault();
  }

  render() {
    return (
      <form onSubmit={this.handleSubmit}>
        <label>
          Name:
          <input type="text" value={this.state.value} onChange={this.handleChange} />
        </label>
        <input type="submit" value="Submit" />
      </form>
    );
  }
}

-- /code

-- p

Another post to examine:

-- p

https://nextjs.org/blog/forms


-- categories
-- Miscellaneous
-- Next.js

-- metadata
-- date: 2022-05-05 14:07:38
-- id: 28kwnag5
-- status: scratch
-- type: post
-- SCRUBBED_NEO: false
-- site: aws