我有这个 Material -ui ListItemText
:
<ListItemText primary={<div>
<Table className={classes.table}>
<TableRow>
<TableCell width="40">{item.issue_state}</TableCell>
<TableCell width="40">{item.issue_number}</TableCell>
<TableCell width="600">{item.issue_title}</TableCell>
<TableCell width="600">{item.issue_url}</TableCell>
</TableRow>
</Table>
</div>}/>
我不想显示 URL,而是想要这样的东西:
if (item.issue_url.includes("github.com") {
item.issue_url = 'Public'
}
else if (item.issue_url.includes("github.company.com") {
item.issue_url = 'Private'
}
其中 TableCell
显示 Public
或 Private
,而不是整个 URL。这可以吗?
最佳答案
您可以按如下方式使用,
<ListItemText primary={<div>
<Table className={classes.table}>
<TableRow>
<TableCell width="40">{item.issue_state}</TableCell>
<TableCell width="40">{item.issue_number}</TableCell>
<TableCell width="600">{item.issue_title}</TableCell>
<TableCell width="600">{
(item.issue_url.indexOf('github.company.com') >=0)
? 'Private'
: ((item.issue._url.indexOf('github.com') >=0)
? 'Public'
: '')
}</TableCell>
</TableRow>
</Table>
</div>}/>
否则,好主意是根据 issues_url 在 item 中创建派生属性
关于javascript - 在 Material-UI 标签中包含 JavaScript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55150004/