[英]Conditional statement within foreach?
I have a API response that is being used to populate a table.我有一个用于填充表格的 API 响应。 I am assigning links to table items, but would like to provide no link / show the table entry as a blank string IF the response from the API method (getPreauthorizedLink) is a blank string.
我正在为表格项目分配链接,但如果来自 API 方法 (getPreauthorizedLink) 的响应是空白字符串,我不想提供链接/将表格条目显示为空白字符串。 For example, if element.executiveLink is a blank string, then I would like to not assign a link to this table element and just have it be an empty string.
例如,如果 element.executiveLink 是一个空字符串,那么我不想为这个表元素分配一个链接,而只是让它是一个空字符串。
Here is my code:这是我的代码:
componentDidMount() {
const _self = this;
fetch(config.api.urlFor('xxx'))
.then((response) => response.json())
.then((data) => {
const tableContent = [];
data.array.forEach(element => {
tableContent.push({
provider: element.provider,
type: element.type,
executiveLink: <Link to='' onClick={(e)=> {e.preventDefault(); this.getPreauthorizedLink(element.executiveLink)}}>Report</Link>,
detailedLink: <Link to='' onClick={(e)=> {e.preventDefault(); this.getPreauthorizedLink(element.detailedLink)}}>Report</Link>,
providerLink: <Link to='' onClick={(e)=> {e.preventDefault(); this.getPreauthorizedLink(element.providerLink)}}>Report</Link>
});
})
this.setState({reportJSON: tableContent || [], tableIsBusy: false})
})
.catch((err) => _self.setState({tableIsBusy: false }));
}
Try using shorten if statement:尝试使用缩短 if 语句:
tableContent.push({
provider: element.provider,
type: element.type,
executiveLink: element.executiveLink ? <Link to='' onClick={(e)=> {e.preventDefault(); this.getPreauthorizedLink(element.executiveLink)}}>Report</Link> : "",
detailedLink: <Link to='' onClick={(e)=> {e.preventDefault(); this.getPreauthorizedLink(element.detailedLink)}}>Report</Link>,
providerLink: <Link to='' onClick={(e)=> {e.preventDefault(); this.getPreauthorizedLink(element.providerLink)}}>Report</Link>
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.