foreach 中的條件語句？

Question

我有一個用於填充表格的 API 響應。 我正在為表格項目分配鏈接，但如果來自 API 方法 (getPreauthorizedLink) 的響應是空白字符串，我不想提供鏈接/將表格條目顯示為空白字符串。 例如，如果 element.executiveLink 是一個空字符串，那么我不想為這個表元素分配一個鏈接，而只是讓它是一個空字符串。

這是我的代碼：

  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 }));
  }

Answer 1

嘗試使用縮短 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>
        }