Reactjs TransitionGroup的组件

我试图为

创建一个可重用的组件，但不确定

{children}

放在哪里

import React from 'react';
import { CSSTransition, TransitionGroup } from 'react-transition-group';

const TransitionFade = ({ children }) => {

    return(
        <TransitionGroup>
            <CSSTransition in={true} appear={true} timeout={700} classNames="fade">
                {children}
            </CSSTransition>
        </TransitionGroup>
    );

}

export default TransitionFade;

从“React”导入React；
从'react transition group'导入{CSTranslation，TransitionGroup}；
const TransitionFade=（{children}）=>{
返回(
{儿童}
);
}
导出默认转换淡入淡出；

我可能无法100%理解您的问题（可以包括更多细节），但也许您正在寻找类似的东西，即，对每个孩子单独使用淡入淡出效果，而不仅仅是作为一个整体

从“React”导入React；
从'react transition group'导入{CSTranslation，TransitionGroup}；
const TransitionFade=（{children}）=>{
返回(
{React.Children.map（Children，child=>
(
{child}
)
)
}
);
}
导出默认转换淡入淡出；

---

这似乎是个不错的主意，因为有很多上下文可以在列表或类似列表中添加或删除子项。我可能已经开始使用了。

谢谢您的澄清，但是

children.map（）

不起作用。