Источник Img должен быть динамическим

Question

Как я могу загрузить динамический IMG SRC с React? Я попробовал следующее:

 const country = this.state.countryCode;
 <img src="https://www.countryflags.io/"+country+"/shiny/64.png"/>

Но я получил ошибку:

Ошибка анализа: неожиданный токен

reactjs

0

legalizeSINCE88 28 Май 2019 в 15:44

Answer 1

Вы забыли фигурные скобки. Кроме того, вы можете создать строку url и использовать ее:

 const url = "https://www.countryflags.io/"+this.state.countryCode+"/shiny/64.png";
 <img src={url}/>

0

Anurag Srivastava 28 Май 2019 в 12:48

Answer 2

Это не зависит от React, это потому, что у вас есть + в src.

Используйте строку литерала шаблона с обратными галочками:

src=`https://www.countryflags.io/${country}/shiny/64.png`

2

Will Jenkins 28 Май 2019 в 12:47

2 ответа