>source

아래의 img 태그에 URL 정의되지 않은 오류가 발생하면 src로 전달되는 대부분의 링크는 spotify api에서 오는 것처럼 작동하지만 spotify api가 증명하는 소스 중 일부조차 손상되었다고 생각하므로 어떻게 처리합니까? 현재 'URL이 정의되지 않음'오류가 발생하므로 깨진 링크에 대한 img 태그

               <GridList cellHeight={130} style= {{margin:0}} className="gridList" cols={2}>
                    {
                        this.state.fixedArtist.map((artist, index) => (
                            <GridListTile key={index}>
                                <a className="rank-song-label" key={index} href={artist.uri} >
                                        <img src={artist.images[0].url} className="rank-album-cover" alt="Album Cover" />
                                    
                                        <span className="rank-song_name"> {artist.name}</span>
                                    </div>
                                </a>
                            </GridListTile>
                        ))
                    }
                </GridList>

  • 답변 # 1

    사용 가능한 이미지 URL이없는 경우 img 태그를 숨기려면 아래에서 수행 할 수 있습니다.

    <GridList cellHeight={130} style= {{margin:0}} className="gridList" cols={2}>
                        {
                            this.state.fixedArtist.map((artist, index) => (
                                <GridListTile key={index}>
                                    <a className="rank-song-label" key={index} href={artist.uri} >
                                      {artist.images && <img src={artist.images[0].url} className="rank-album-cover" alt="Album Cover" />}
                                        
                                            <span className="rank-song_name"> {artist.name}</span>
                                        </div>
                                    </a>
                                </GridListTile>
                            ))
                        }
                    </GridList>
    
    

    빈 src 또는 기본 URL을 할당하려는 경우

    <GridList cellHeight={130} style= {{margin:0}} className="gridList" cols={2}>
                            {
                                this.state.fixedArtist.map((artist, index) => (
                                    <GridListTile key={index}>
                                        <a className="rank-song-label" key={index} href={artist.uri} >
                                          {artist.images && <img src={artist.images.length>0?artist.images[0].url:'image not available url'} className="rank-album-cover" alt="Album Cover" />}
                                            
                                                <span className="rank-song_name"> {artist.name}</span>
                                            </div>
                                        </a>
                                    </GridListTile>
        
                                ))
                            }
                        </GridList>
    
    

  • 이전 recursion - 4788 줄을 인쇄 한 후 Python 셸이 다시 시작됩니다
  • 다음 javascript - 복호화 된 문자열 확인