React изменение картинки в зависимости от значения input?

Question

[MadBliss]

Хельп! У меня есть некие картинки, которые должны меняться в зависимости от числа, введённого в input. Хуком useState я получаю это значение, но не понимаю как при сравнении менять импортированные картинки?

Answer 1

[WbICHA]

Какие же вырвеглазные цвета...

const [rankLogo, setRankLogo] = useState(mmrLogo);
...
const checkMMR = () => {
  if(input >= 800) {
    setRankLogo(mmrLogo2);
  }
  ...
}

Answer 2

[Владимир]

В src сразу определяете картинку через тернарный оператор
src={input > 800? logo1: logo2}

Comments

[MadBliss]

Так а если у меня 10 картинок, это же не будет работать?
+Необходимо, чтобы заглушка была при первом рендере страницы и менялась только после ввода какого-то числа

[WbICHA]

MadBliss, чисто технически работать будет, но это уже говнокод.)

[Владимир]

MadBliss, Если 10 картинок, то перед рендером присваивай нужную картинку в переменную. Делать еще один стейт с картинкой - говнокод.