[React]コンポーネントの指定のURLをstateが変更される毎に変えたい

Question

前提・実現したいこと

コンポーネントのsrcに変数を埋め込みたいのですが、以下のようにしてもエラーになってしまいます。
やり方がわかる方がいましたらコメントお願いします。

試したこと

src=`/static/images/avatar/${avatar}.png`

該当のソースコード

const classes = useStyles();
  const [avatar, setAvatar] = React.useState('A');
  
  const handleChange = (event) => {
    setAvatar(event.target.value);
  };

  return (
    <div>
      <div className={classes.root}>
        <Avatar alt="Remy Sharp" src="/static/images/avatar/？？？.png" className={classes.large} />
      </div>

Answer 1

以下のように修正してみるといかがでしょうか？

- <Avatar alt="Remy Sharp" src="/static/images/avatar/？？？.png" className={classes.large} />
+ <Avatar alt="Remy Sharp" src={`/static/images/avatar/${avatar}.png`} className={classes.large} />

Comments

[aiai8976]

ありがとうございます！解決できました。

[jun68ykt]

????????????