使用 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>