Блог

Я пытаюсь получить текстовое значение входных данных, которые я передаю как дети. Это моя первая попытка создать свой собственный модуль узла.

Приложение.tsx (Клиент):

 import React from 'react'; import { TextField, Button } from '@mui/material'; import {MyForm} from 'react-myform'; // My node module  function App() {  return (  lt;divgt;  lt;MyFormgt;  lt;TextField/gt;  lt;TextField/gt;  lt;Button type={"submit"}/gt;  lt;/MyFormgt;  lt;/divgt;  ); }  export default App;  

Моя форма:

 import React from 'react'; import { useForm } from 'react-hook-form';  type MyFormProps = {  children?: React.ReactNode }  const MyForm: React.FClt;MyFormProps gt; = (props) =gt; {  const { register, handleSubmit } = useForm();  const onSubmit = handleSubmit(data =gt; console.log(data));   return (  lt;divgt;  lt;form onSubmit={onSubmit}gt;  {props.children}  lt;/formgt;  lt;/divgt;  ); }  export default MyForm;  

Как я могу зарегистрировать поля ввода в форме use? Есть ли способ использовать ссылки?

PS: Я бы предпочел решения с функциональными компонентами, потому что я еще не знаком с компонентами класса.