/Javascript/React/React hook form example stack overflow

React hook form example stack overflow

import React from 'react';
import ReactDOM from 'react-dom';
import { connect } from "react-redux";
import useForm from 'react-hook-form';

function SampleForm() {
  const { register, handleSubmit } = useForm();
  const onSubmit = data => {
    alert(JSON.stringify(data));
  };

  return (
    <div className="App">
      <form onSubmit={handleSubmit(onSubmit)}>
        <div>
          <label htmlFor="firstName">First Name</label>
          <input name="firstName" placeholder="bill" ref={register} />
        </div>

        <div>
          <label htmlFor="lastName">Last Name</label>
          <input name="lastName" placeholder="luo" ref={register} />
        </div>

        <div>
          <label htmlFor="email">Email</label>
          <input name="email" placeholder="bluebill1049@hotmail.com" type="email" ref={register} />
        </div>
        <button type="submit">Submit</button>
      </form>
    </div>
  );
}

class Sample extends Component {
  constructor(props) {
    super(props);
  }

  render() {
    return <SampleForm />;
  }
}

export default connect()(Sample);

const rootElement = document.getElementById('root');
ReactDOM.render(<Sample />, rootElement);

Source: stackoverflow.com

Similar codes

0 vote283 views2 answers
React hotjar
Javascript React
0 vote303 views2 answers
React toggle boolean state
Javascript React
5 votes323 views1 answer
Deploy react js heroku
Javascript React
18 votes290 views6 answers
React native release apk command
Javascript React
17 votes286 views5 answers
Add background image react native
Javascript React
0 vote293 views2 answers
React native navigation header Right
Javascript React
1 vote303 views2 answers
How to use gif in react native
Javascript React
-2 votes321 views2 answers
React native text align vertical center
Javascript React
0 vote301 views1 answer
OnChange react functional programming
Javascript React
0 vote312 views1 answer
Bottom navigation bar react native hide on keyboard
Javascript React