在反应DOM中设置背景图像。未知错误

时间:2017-07-22 16:47:29

标签: javascript reactjs

我正在尝试在下面的代码中设置背景图片,但不断收到以下错误。 Image(imageUrl) { return { backgroundImage: `url(${imageUrl})` }; } render() { return( <ul className="listings-side-bar"> {this.props.listingsInView.map( (content, idx) => ( <li className="side-bar-item" key={idx}> <div className="side-bar-image" style={Image(content.picture)}> </div> {content.firstname} {content.lastname} {content.about} </li> ))} </ul> ); 有人可以解释一下我做错了什么吗?谷歌一直没有结果。

<ion-header>

  <ion-navbar>

    <button ion-button menuToggle>
      <ion-icon name="menu"></ion-icon>
    </button>

    <ion-title>Boards</ion-title>

    <ion-searchbar></ion-searchbar>

    <ion-buttons end>
      <button ion-button><ion-icon name="search"></ion-icon></button>
    </ion-buttons> 

    <ion-toolbar no-border-top>
      <ion-segment [(ngModel)]="segment" (ionChange)="update()">
        <ion-segment-button value="favorite">
          Favorite
        </ion-segment-button>
        <ion-segment-button value="teamwork">
          Teamwork
        </ion-segment-button>
        <ion-segment-button value="followed">
          Followed
        </ion-segment-button>
        <ion-segment-button value="shared-with-me">
          Shared with me
        </ion-segment-button>
      </ion-segment>
    </ion-toolbar>

  </ion-navbar>

</ion-header>

1 个答案:

答案 0 :(得分:1)

您对该方法的调用不正确。另外,最好避免在方法名称中使用关键字。试试这个:

&#13;
&#13;
:before
&#13;
&#13;
&#13;