Reactjs SVG笔划未显示clipPath的内部

我有以下几点，我试图在图像周围画一个圆圈

到目前为止，我已经有了一个圆形SVG，它正在剪辑一个图像，但是它没有显示clipPath内部的笔划

我怎样才能让边界显示出来

class App extends React.Component {
  render() {
    return (
      <svg width='48' height='48'>
        <defs>
          <clipPath id='circleView'>
            <circle cx='24' cy='24' r='23' fill='none' stroke='red' strokeWidth='2' />
          </clipPath>
        </defs>
        <image width='48' height='48' xlinkHref={'https://source.unsplash.com/random'} clipPath='url(#circleView)' />
      </svg>
    )
  }
}

---

正如Robert所说，剪辑路径行中的子SVG图形不会显示

因此，对于动画，需要在片段路径外添加另一个圆

.集装箱{ 宽度：25%； 身高：25%； }