React로 할 일 앱을 작성했습니다. 여러 부품에 대한 구성 요소를 만듭니다. 이제 앱을 실행하려고 할 때마다 표시되지 않습니다.

Uncaught TypeError: todo가 footer.js:15에 정의되어 있지 않다는 오류가 계속 발생합니다.

할 일 목록 애플리케이션을 만들고 모든 할 일 항목을 사용 상태 할 일 항목이 포함된 배열에 넣었습니다. 이는 파일 바닥글에 있는 Todocounter 구성 요소에 전달하는 속성입니다.

prop의 이름을 바꾸고 바닥글에서 위치를 변경하여 올바른 위치에 호출되도록 했습니다.

app.js입니다:

footer.js입니다:

import React, { useState } from 'react'; import './App.css'; import InputTodos from './input.js'; import ListTodos from './list.js'; import TodoCounter from './footer.js'; import ClearButton from './clearbutton.js'; function App() { // create usestates for todos const [todo, setTodo] = useState([]); // render all components i have in diffrent files return ( 
 
 
  
 
  
 
  
 
  
 
 
 ); } export default App;