在useEffect,notifications是從數(shù)據(jù)庫中獲取的：useEffect(() => {    if (props.loading != true) {         props.fetchNotifications(currentUserId, submissionId)    }}, [])在返回語句的某處，我有以下代碼在通知列表上應用過濾器并檢查剩余列表的長度是否大于零。然后，如果是，我使用相同的過濾器語句來計算這次顯示的計數(shù)。但是，我進行了兩次計算，創(chuàng)建了冗余代碼。我想知道在 React 中是否有解決這個問題的方法。   props.notifications &&   <div className="col-sm-4">       <div className="mb-3">           <h5 className="text-primary bg-light pl-1 pt-2 pb-2">               <i className="fa fa-bell-o"></i> &nbsp;Notifications               <span className="badge badge-pill badge-primary small ml-2">                   {                       Object.keys(props.notifications)                           .filter(function (id) {                               return props.notifications[id].isDiscussionType == false &&                                   props.notifications[id].isRead == false                            }).length > 0 &&                       <span>{                           Object.keys(props.notifications)                               .filter(function (id) {                                   return props.notifications[id].isDiscussionType == false &&                                       props.notifications[id].isRead == false                                }).length} new                       </span>                   }               </span>           </h5>           <NotificationList isDiscussionType={false} />       </div>