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

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

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

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

0
legalizeSINCE88 28 Май 2019 в 15:44

2 ответа

Лучший ответ

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

 const url = "https://www.countryflags.io/"+this.state.countryCode+"/shiny/64.png";
 <img src={url}/>
0
Anurag Srivastava 28 Май 2019 в 12:48

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

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

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

2
Will Jenkins 28 Май 2019 в 12:47