2 回答

TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超13個(gè)贊
這里的問題是您錯(cuò)誤地實(shí)現(xiàn)了地圖功能。renderFilteredSessions(hosts) 應(yīng)該返回過濾的會(huì)話,但它不返回任何內(nèi)容。在下面的代碼部分添加一個(gè)返回:
return filteredResult.map((session) => {
return (
<div>
<ul className="sessionmanager__table">
<li className="sessionmanager__table__name">{session.UserName}</li>
<li className="sessionmanager__table__application">{session.DisplayName}</li>
<li className="sessionmanager__table__status">{session.Status}</li>
<li className="sessionmanager__table__duration">{session.StartTime}</li>
<li className="sessionmanager__table__lastactivity">{session.LastUserActivity}</li>
{this.terminateButton(session.UserName)}
</ul>
</div>
);
});
您可以使用過濾器代替地圖。以下是您可以以更好的方式編寫的方法:
renderFilteredSessions(hosts) {
if (!hosts.Sessions) {
return null;
}
/* Filter out only those Sessions where Visibility is true */
var filteredResult = hosts.Sessions.filter((session) => {
return session.Visibility === true; // or return !!session.Visibility;
});
if (filteredResult.length === 0) {
return (
<div className="session__table">
{res.noActiveSessions}
</div>
);
}
else {
return filteredResult.map((session) => {
return (
<div>
<ul className="sessionmanager__table">
<li className="sessionmanager__table__name">{session.UserName}</li>
<li className="sessionmanager__table__application">{session.DisplayName}</li>
<li className="sessionmanager__table__status">{session.Status}</li>
<li className="sessionmanager__table__duration">{session.StartTime}</li>
<li className="sessionmanager__table__lastactivity">{session.LastUserActivity}</li>
{this.terminateButton(session.UserName)}
</ul>
</div>
);
});
}
}

TA貢獻(xiàn)2037條經(jīng)驗(yàn) 獲得超6個(gè)贊
this.state.activeHosts.map(hosts=>hosts.Sessions.map(sessions=><li>sessions.Username</li>)
這是作為列表項(xiàng)的一般表示,根據(jù)您的需要使用它
添加回答
舉報(bào)