Javascript 在函数上切换背景色-ReactJS

当我单击一个链接时，它会根据JSON的id呈现一个视图。当某个视图渲染时，我需要应用背景色。我应该切换样式

这段代码显示了我单击特定链接时的爬网

这是我的呈现方法，其中Ia映射了JSON上的链接和其他细节

---

不确定它是否回答了你的问题。 可以有条件地切换样式

{this.state.apis.map(api => (
    <div
      key={api.id}
      id={api.id}
      className={this.state.showCrawl[api.id]?"some-specific-style":"default-or-empty"}

    >
      {this.state.showCrawl[api.id] && (

        <SwaggerUI url={api.opening_crawl}/>
      )}

    </div>
  ))}           

---

很高兴。这有助于：

    render() {
  return (


    <div class="d-flex" id="wrapper">

    <div class="bg-light border-right" id="sidebar-wrapper">
      <h1 class="sidebar-heading">API</h1>
      <ul class="list-group list-group-flush">


    {this.state.apis.map(api => (
        <li><a class="list-group-item list-group-item-action bg-light" key={api.id}
          id={api.id}
          onClick={this.handleCrawl}>{api.title}</a></li>
          ))}

      </ul>
    </div>

    <div id="page-content-wrapper">



      <div class="container-fluid">
      {this.state.apis.map(api => (
        <div
          key={api.id}
          id={api.id}>
          {this.state.showCrawl[api.id] && (

            <SwaggerUI url={api.opening_crawl}/>
          )}

        </div>
      ))}           
      </div>
    </div>

  </div>



  );
}

{this.state.apis.map(api => (
    <div
      key={api.id}
      id={api.id}
      className={this.state.showCrawl[api.id]?"some-specific-style":"default-or-empty"}

    >
      {this.state.showCrawl[api.id] && (

        <SwaggerUI url={api.opening_crawl}/>
      )}

    </div>
  ))}