使用 framer-motion 在 React 中更新動畫列表

Question

當這樣渲染時，使用 framer-motion 動畫列表更改的最佳方法是什么？ linkArr 是 state。 我希望 go 的其他元素能夠順利替換在它們之上移除的元素。

  <LinkShortenerContainer>
        <LinkShortener scrollToLink={scrollToLink} setLinkArr={setLinkArr} />
        <AnimatePresence>
          {linkArr.map((item) => {
            return (
              <ShortenedLink
                setLinkArr={setLinkArr}
                key={item.id}
                id={item.id}
                long={item.long}
                short={item.short}
              />
            );
          })}
          {/* div to scroll to after new ShortenedLink is rendered */}
          <div ref={ref}></div>
        </AnimatePresence>
      </LinkShortenerContainer>