svg animate在没有不确定的情况下不起作用

Question

我正在尝试使用rect将动画添加到React中的animate svg。当前代码适用于repeatCount="indefinate"，但我只想在首次呈现rect时进行动画处理。有没有办法做到这一点？

我已尝试删除repeatCount，但这不起作用。 谢谢

     <rect
        width={20}
        height={40}
        x={props.xScale(dataWithOffset.whiskers[0])}
        y={0}
        fill={'blue}
        opacity={0.4}
      >
        <animate
          attributeName="opacity"
          from="0"
          to="1"
          dur="2s"
          begin="0s"
          fill="freeze"
          repeatCount="indefinite"
        />
      </rect>