React で ToDo アプリを作成しました。複数のパーツのコンポーネントを作成します。今、アプリを実行しようとしても、表示されません。
「Uncaught TypeError: todo is unknown in footer.js:15」というエラーが発生し続けます。
To Do リスト アプリケーションを作成し、すべての To Do 項目を使用状況の To Do 項目を含む配列に入れました。これは、ファイルのフッターのコンポーネント Todocounter に渡しているプロパティです。
プロップの名前を変更し、フッター内の位置を変更して、正しい場所で呼び出されるようにしました。
これは app.js です:
リーリーこれは footer.js です:
ああああ
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
コンポーネント自体でcounttodos関数をコンポーネントの外に移動して、レンダリング時に再作成されないようにします。todosを引数として関数に渡し、別のオブジェクトでラップされていないため、構造を分割せずに直接使用できます。 リーリーcounttodos
を呼び出し、計算された値を状態として保存せずに直接使用します (@HenryWoody のコメント を参照): リーリー