Я пытался использовать "import {Button, Form, Input} из 'formik-semanti c -ui';" в компоненте Register, но я получаю это предупреждение:
Предупреждение: findDOMNode устарела в StrictMode. findDOMNode был передан экземпляр RefFindNode, который находится внутри StrictMode. Вместо этого добавьте ссылку непосредственно к элементу, на который вы хотите сослаться. в кнопке (создается Button) в RefFindNode (создается Ref) в Ref (создается Button) в Button в Unknown (at Register. js: 18) в форме (создается Form) в Form (создается Formik) в Formik (созданный FormikForm) в FormikForm (в Register. js: 12) в Unknown (в App. js: 7) в div (в App. js: 6) в App (в src / index. js: 9) в StrictMode (в src / index. js: 8)
это код:
import React, {useState} from 'react'
import { Button, Form, Input } from 'formik-semantic-ui';
import * as Yup from 'yup';
export default ()=>{
const handleSubmit = (values) => {
debugger;
console.log(values);
}
return (
<Form initialValues={{firstName:'',lastName:'', emailAddress:''}} onSubmit = {handleSubmit}>
<Input label="Email" name="emailAddress" />
<Form.Group widths="2">
<Input label="First Name" name="firstName" />
<Input label="Last Name" name="lastName" />
</Form.Group>
<Button.Submit>Submit</Button.Submit>
<Button.Reset>Reset</Button.Reset>
</Form>
)
}