React の未定義の props に関する問題

Question

React で ToDo アプリを作成しました。複数のパーツのコンポーネントを作成します。今、アプリを実行しようとしても、表示されません。

「Uncaught TypeError: todo is unknown in footer.js:15」というエラーが発生し続けます。

To Do リスト アプリケーションを作成し、すべての To Do 項目を使用状況の To Do 項目を含む配列に入れました。これは、ファイルのフッターのコンポーネント Todocounter に渡しているプロパティです。

プロップの名前を変更し、フッター内の位置を変更して、正しい場所で呼び出されるようにしました。

これは app.js です:

リーリー

これは footer.js です:

ああああ

Answer 1

counttodos 関数をコンポーネントの外に移動して、レンダリング時に再作成されないようにします。 todos を引数として関数に渡し、別のオブジェクトでラップされていないため、構造を分割せずに直接使用できます。 リーリー

コンポーネント自体で

counttodos を呼び出し、計算された値を状態として保存せずに直接使用します (@HenryWoody の コメント を参照): リーリー