我正在使用帧动态动画的自定义表行，每当他们被挂载。但它不是动画。当我检查网页，他们指定的AnimatePresence应该是一个直接的父运动。而且它应该有一个关键值。它仍然不工作。我不知道我错过了什么。请建议。谢谢。

return (
<>
...some code here
{isExpanded && <AnimatePresence>{renderLinkedAccounts()}</AnimatePresence>}

</>
);

const renderLinkedAccounts = () => linkdedAccounts.map((model, index) => (
    <motion.Tr
        initial={{ opacity: 0 }}
        animate={{ opacity: 1 }}
        exit={{ opacity: 0 }}
        layout
        key={index}
    >
        <Td><span /></Td>
        <Td data-tooltip={model.getEmailAddress()}>
            {model.getEmailAddress()}
        </Td>
        <Td>
            {userType === 1 ? model.getAccountId() : model.getMailboxKey()}
        </Td>
        <Td>
            {getAccountType()}
        </Td>
        <Td>
            {getAccountStatus()}
        </Td>
        <Td>{getOutINStatus("outgoing")}</Td>
        <Td>{getOutINStatus("incoming")}</Td>
    </motion.Tr>
));