/Javascript/React/React-hook-form-input npm

React-hook-form-input npm

Npm hook form

import React from 'react';import { useForm } from 'react-hook-form'; function App() {  const { register, handleSubmit, errors } = useForm(); // initialise the hook  const onSubmit = (data) => {    console.log(data);  };   return (    <form onSubmit={handleSubmit(onSubmit)}>      <input name="firstname" ref={register} /> {/* register an input */}            <input name="lastname" ref={register({ required: true })} />      {errors.lastname && 'Last name is required.'}            <input name="age" ref={register({ pattern: /\d+/ })} />      {errors.age && 'Please enter number for age.'}            <input type="submit" />    </form>  );}

Source: npmjs.com

React form hook npm

yarn add react-hook-form

React-hook-form-input npm

import React from 'react';import useForm from 'react-hook-form';import { RHFInput } from 'react-hook-form-input';import Select from 'react-select'; const options = [  { value: 'chocolate', label: 'Chocolate' },  { value: 'strawberry', label: 'Strawberry' },]; function App() {  const { handleSubmit, register, setValue, reset } = useForm();   return (    <form onSubmit={handleSubmit(data => console.log(data))}>      <RHFInput        as={<Select options={options} />}        rules={{ required: true }}        name="reactSelect"        register={register}        setValue={setValue}      />      <button type="button">        Reset Form      </button>      <button>submit</button>    </form>  );}

Source: npmjs.com

React-hook-form-input npm

$ npm install react-hook-form-input

Source: npmjs.com

Similar codes

0 vote304 views1 answer
Access to XMLHttpRequest has been blocked by CORS policy React
Javascript React
0 vote317 views1 answer
Font family react
Javascript React
0 vote329 views1 answer
Hide urls in .env in react app
Javascript React
0 vote307 views1 answer
Only numbers or string. Input field in React
Javascript React
0 vote363 views1 answer
How to change a react link icon when you send the link as message in whatsapp
Javascript React
16 votes316 views1 answer
React native loop in render
Javascript React
12 votes319 views4 answers
Uninstall material ui react
Javascript React
0 vote317 views1 answer
Why doesn't'$' work in react
Javascript React
56 votes290 views6 answers
Useref react
Javascript React
0 vote331 views1 answer
Vscode react cannot find moudle when import image
Javascript React