React change image based on input value?

Question

React

Help! I have some pictures that should change depending on the number entered in the input. With the useState hook, I get this value, but I don’t understand how to change imported pictures when comparing?

Answer 1

What vibrant colors...

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

Answer 2

In src, you immediately define an image using a ternary operator
src={input > 800? logo1: logo2}