Como obter o valor da imagem de fundo dinâmico de reação em grande estilo?

Preto

Eu retorno o valor dinâmico do banco de dados como dados JSON. Não consigo definir o valor da tag backgroundImage. Eu tentei código no golpe

images = imageList.map(img => {
  return (
    <div
      key={img.id}
      style={{
         backgroundImage: `https://blabla.com/image/${img.icon}` //Don't work
      }}>
    </div>
  );
}); }
Gene Sy

você precisa usar a sintaxe css com backgroundImage

images = imageList.map(img => {
  return (
    <div
      key={img.id}
      style={{
         backgroundImage: `url("https://blabla.com/image/${img.icon}")` //Should work
      }}>
    </div>
  );
}); }

Este artigo é coletado da Internet.

Se houver alguma infração, entre em [email protected] Delete.

editar em
0

deixe-me dizer algumas palavras

0comentários
loginDepois de participar da revisão

Artigos relacionados

Passe o caminho da imagem de recursos como url de imagem de fundo de estilo inline dinâmico (Nuxt.js)

Como definir o caminho dinâmico para a imagem de fundo em Pug (Jade)

O estilo da imagem de fundo não está funcionando na reação

Definir o estilo da imagem de fundo no componente de reação

obter o tamanho da imagem de um link como conteúdo dinâmico

Como centralizar o alinhamento da imagem de fundo em JPanel

Preservando o estilo durante a cópia e passado em JS. (como obter o estilo da área de transferência)

Como alterar a rotação da imagem de fundo, se o bloco tiver o estilo "enviesado"

Como ajustar a posição angular da imagem de fundo do estilo da lista?

Como fazer o Lazy carregar a imagem de fundo dentro da propriedade de estilo embutido (React)?

Como fazer o Lazy carregar a imagem de fundo dentro da propriedade de estilo embutido (React)?

Como obter o valor dinâmico de uma variável declarada em outro arquivo no NodeJS

Como obter o valor da área de texto Codemirror

Como obter o URL da imagem de plano de fundo de um elemento usando JavaScript?

Como obter valor de uma função de reação em um componente de reação

Como obter valor de uma função de reação em um componente de reação

Como posso tornar dinâmico o valor de pixel da altura em meu código?

como definir o caminho dinâmico na imagem de fundo: url ()

Como obter o url de uma imagem de fundo

Condição de valor da imagem de fundo RDLC NAV

Como calcular o valor da nova coluna de duas colunas e seu valor dinâmico de soma em power bi?

Como calcular o valor da nova coluna de duas colunas e seu valor dinâmico de soma em power bi?

Como obter o estilo da fonte de uma imagem com texto?

Como obter valor de rotação de transformação de estilo em javascript?

Como obter o efeito CSS "imagem de fundo: capa" para imagens dinâmicas?

Como obter o efeito CSS "imagem de fundo: capa" para imagens dinâmicas?

Obtenha o valor do URL da imagem de fundo

Como obter o primeiro valor de span dentro de um li dinâmico que dentro de outro div dinâmico

Como fazer a transição da cor de fundo em um componente de reação?

TOP lista

  1. 1

    R Shiny: use HTML em funções (como textInput, checkboxGroupInput)

  2. 2

    O Chromium e o Firefox exibem as cores de maneira diferente e não sei qual deles está fazendo certo

  3. 3

    Como assinar digitalmente um documento PDF com assinatura e texto visíveis usando Java

  4. 4

    R Folheto. Dados de pontos de grupo em células para resumir muitos pontos de dados

  5. 5

    Gerenciar recurso shake de Windows Aero com barra de título personalizado

  6. 6

    Como obter dados API adequados para o aplicativo angular?

  7. 7

    UITextView não está exibindo texto longo

  8. 8

    Por que meus intervalos de confiança de 95% da minha regressão multivariada estão sendo plotados como uma linha de loess?

  9. 9

    Acessando relatório de campanhas na AdMob usando a API do Adsense

  10. 10

    Usando o plug-in Platform.js do Google

  11. 11

    Como posso modificar esse algoritmo de linha de visada para aceitar raios que passam pelos cantos?

  12. 12

    Dependência circular de diálogo personalizado

  13. 13

    Coloque uma caixa de texto HTML em uma imagem em uma posição fixa para site para desktop e celular

  14. 14

    iOS: como adicionar sombra projetada e sombra de traço no UIView?

  15. 15

    Como usar a caixa de diálogo de seleção de nomes com VBA para enviar e-mail para mais de um destinatário?

  16. 16

    Tabela CSS: barra de rolagem para a primeira coluna e largura automática para a coluna restante

  17. 17

    How to create dynamic navigation menu select from database using Codeigniter?

  18. 18

    Converter valores de linha SQL em colunas

  19. 19

    ChartJS, várias linhas no rótulo do gráfico de barras

  20. 20

    用@StyleableRes注释的getStyledAttributes。禁止警告

  21. 21

    não é possível adicionar dependência para com.google.android.gms.tasks.OnSuccessListener

quentelabel

Arquivo