react-hooks

I have function in parent component   const getFilename=  (filedata)=>   { console.log(filedata);       } And pass call a child component from parent <FileUpload getFieDetails={getFilename} /> Childcomponent function: const [files, setFiles] = useState([]) const uploadHandler = (event) => {      const file = event.target.files[0];       console.log(file);      if(!file) return;         file.isUploading = true; setFiles((prevState) => [...prevState, file])  props.getFieDetails(files); ) } when i console files from child component…

I am Passing a function from Parent component to child component and then calling that function in child component to update the state of parent component. In Parent component: const [todos, setTodos] = useState([]); const updateTodoInUiAfterEdit = (updatedTodo, todoIdOfEdited)=>{ var…