我有一些SVG充当应用程序的按钮。这些SVG有一个正常版本和一个按下版本。在TouchStart上，按下的SVG应该显示，在TouchEnd上，SVG恢复正常。在React中处理这种情况的好方法是什么？
这是我的方法，但我发现onTouchStart按预期切换了按钮，但onTouchEnd似乎没有重新呈现。

function HomeButton(props: ButtonProps) {
  const [pressed, setPressed] = useState(false);
  
  function handleTouchStart() {
    setPressed(true)
  }

  function handleTouchEnd() {
    setPressed(false)
  }

  return <button onTouchStart={handleTouchStart} onTouchEnd={handleTouchEnd}>{pressed ? <SVGPressed /> : <SVGNormal />}</button>
}