Firebase★前回の記事yucatio.hatenablog.comログインしたユーザ自身のタスク以外は変更できないように修正します。ログインしたユーザのタスク一覧以外を表示している時は、以下のようにします。タスク追加フォーム(AddTodoコンポーネント)を非表示にするタスクをクリックされた時に、タスク完了フラグの切り替えをしないログインしたユーザ自身のタスク一覧でないときは、タスク追加フォーム(AddTodoコンポーネント)を非表示にする自身のタスク一覧でないときは、タスク追加フォーム(AddTodoコンポーネント)を非表示にします。パスのuidとログインしているユーザののuidを比較して、違っている場合はAddTodoコンポーネントを非表示にします。パスのuidとログインしているユーザののuidが同一かどうかはisOwnTodosという変数で管理します。#4})isOwnTodosをpropsから受け取ります(#1)。isOwnTodosがtrueの時のみAddTodoコンポーネントを描画します(#2)。isOwnTodosのPropTypeを追加します(#3)。ログインしているユーザのuid(state.firebase.auth.uid)と、パスで指定されたuid(this.props.match.params.uid)を比較して、同一ならば、isOwnTodosの値をtrueにします(#4)。ログインしたユーザ自身のタスク一覧でないときは、タスク完了フラグの切り替えをしない上記と同様に、自身のタスク一覧でないときは、タスク完了フラグの切り替えをしないように処理を書き換えます。</div>)VisibleTodoListにisOwnTodosを渡します(#1)。このpropsは、VisibleTodoListを通して、TodoListに渡されます。後略}isOwnTodosをpropsから受け取ります(#1)。isOwnTodosがtrueの時のみ、onTodoClickが実行されるように変更します(#2)。isOwnTodosのPropTypeを追加します(#3)。さんのタスク一覧”でなく、”あなたのタスク一覧”と表示するよう、ついでに変更します。ログインしたユーザ以外のタスク一覧を表示します。タスク追加フォームが表示されていません。タスクをクリックしてみても、何も起こらず、コンソールにもエラーが表示されません。ログインしたユーザのタスク一覧を表示します。タスク追加フォームが表示されています。タスクが追加できます。タスク完了フラグの切り替えを行います。タスク完了フラグの切り替えも正常に行えます。以上でログインしたユーザ自身のタスク以外は変更できないように修正できました。「ピーターからの問題」1から9までを使って分数の穴埋め算。(1)はてなブログをはじめよう!yucatioさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。