“NPM реагировать форму крючка” Ответ

NPM реагировать форму крючка

npm i react-hook-form
Encouraging Elk

NPM Крюк Форма

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>  );}
Philan ISithembiso

реагировать форму крючка NPM

yarn add react-hook-form
ashirbad-panigrahi

React-крючок-форма ввода 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>  );}
Wandering Wombat

Ответы похожие на “NPM реагировать форму крючка”

Вопросы похожие на “NPM реагировать форму крючка”

Больше похожих ответов на “NPM реагировать форму крючка” по JavaScript

Смотреть популярные ответы по языку

Смотреть другие языки программирования