Как передать входные значения формы из дочернего компонента в родительский компонент в REACT? ⇐ Html

[Anonymous]

Я только начал с реагирования, в частности, я пытаюсь использовать формы, я пытался создать простой проект, в котором я получил компонент формы с некоторыми входными данными, как только я нажимаю кнопку отправки, он должен передать входные значения отцу компонент (приложение), и он должен отображать его в специальном компоненте списка, который я написал.
Единственная проблема заключается в том, что когда я пытаюсь получить доступ к значению события, оно оказывается неопределенным, что я делаю не так?
Ниже приведен мой код для ради простоты я сейчас пытаюсь визуализировать только первый ввод

Код: Выделить всё

import './App.css';

function Form({onChangeName}) {

return (


Hello





Submit


);
}

export default Form;

:

Код: Выделить всё

import List from './List';
import './App.css';
import Form from './Form';
import { useState } from 'react';

function App() {

const [contact, setContact] = useState({
fName: "",
lName: "",
email: ""
})

function onChangeName(event){
const { name, value } = event.target;
console.log(value)
setContact({
fname: value,
lName: "",
email: ""
})
}

return (


[*]

);
}

export default App;

Код: Выделить всё

import logo from './logo.svg';
import './App.css';

function List({fName,lName,email}) {
return(
[list]
{fName}
[*]{lName}
[*]{email}
[/list]
)

}

export default List;

Подробнее здесь: https://stackoverflow.com/questions/771 ... mponent-in