如何在react-spring中等待完成两个parallels动画？

import { useTransition, animated } from 'react-spring';

const items = ['item1', 'item2'];

const transitions = useTransition(items, item => item, {
  from: { opacity: 0 },
  enter: { opacity: 1 },
  leave: { opacity: 0 },
});

return (
  <div>
    {transitions.map(({ item, props, key }) => (
      <animated.div key={key} style={props}>
        {item}
      </animated.div>
    ))}
  </div>
);

import { useTransition, useChain, animated } from 'react-spring';

const items = ['item1', 'item2'];

const transitions = useTransition(items, item => item, {
  from: { opacity: 0 },
  enter: { opacity: 1 },
  leave: { opacity: 0 },
});

const timeouts = [1000, 2000]; // 假设第一个动画延迟1秒，第二个动画延迟2秒

useChain(transitions, timeouts);

return (
  <div>
    {transitions.map(({ item, props, key }) => (
      <animated.div key={key} style={props}>
        {item}
      </animated.div>
    ))}
  </div>
);