Node.js 如何添加要打印的第二个列表(集合)

Node.js 如何添加要打印的第二个列表(集合),node.js,reactjs,mongodb,express,redux,Node.js,Reactjs,Mongodb,Express,Redux,有一个名为PostArticles的集合,我想添加第二个名为Categories的集合,使用react js打印。我尝试添加props.Categories.map((记录,索引)=>{,但没有效果。如果您有其他建议,例如更好的方法,请告诉我 const PostArticles = ({classes, ...props}) => { //const {classes, ...props} = props const [currentId, setCurrentId] =

有一个名为PostArticles的集合,我想添加第二个名为Categories的集合,使用react js打印。我尝试添加
props.Categories.map((记录,索引)=>{
,但没有效果。如果您有其他建议,例如更好的方法,请告诉我

const PostArticles = ({classes, ...props}) => {
    //const {classes, ...props} = props
    const [currentId, setCurrentId] = useState(0)
    // const [currentIdCat, setCurrentIdCat] = useState(0)
    useEffect(() => {
        props.fetchAllPostMessages()
    }, [])//DidMount

    const onDelete = id => {
        const onSuccess = () => {
            ButterToast.raise({
                content: <Cinnamon.Crisp title="Articles"
                    content="Deleted successfully"
                    scheme={Cinnamon.Crisp.SCHEME_PURPLE}
                    icon={<DeleteSweep />}
                />
            })
        }
        if (window.confirm('Are you sure to delete this record?'))
            props.deletePostMessage(id,onSuccess)
    }


    return (
        <Grid container>
            <Grid item xs={5}>
                <Paper className={classes.paper}>
                    <PostArticleForm {...{ currentId, setCurrentId }} />
                </Paper>
            </Grid>
            <Grid item xs={7}>
                <Paper className={classes.paper}>
                    <List>
                        {
                            props.PostArticleList.map((record, index) => {
                                return (
                                    <Fragment key={index}>
                                        <ListItem>
                                            <ListItemText>
                                                <Typography variant="h5">
                                                    {record.title}
                                                </Typography>
                                                <div>
                                                    {record.content}
                                                </div>
                                                <div className={classes.actionDiv}>
                                                    <Button variant="contained" color="primary" size="small"
                                                        className={classes.smMargin}
                                                        onClick={() => setCurrentId(record._id)}>
                                                        Edit
                                                    </Button>
                                                    <Button variant="contained" color="secondary" size="small"
                                                        className={classes.smMargin}
                                                        onClick={() => onDelete(record._id)}>
                                                        Delete
                                                    </Button>
                                                </div>
                                            </ListItemText>
                                        </ListItem>
                                        <Divider component="li" />
                                    </Fragment>
                                )
                            })
                        }

                        </List>
                      </Paper>
                    </Grid>
                  </Grid>
                );
              }


const mapStateToProps = state => ({
    PostArticleList: state.PostArticle.list
})

const mapActionToProps = {
    fetchAllPostMessages: actions.fetchAll,
    deletePostMessage: actions.Delete
}

export default connect(mapStateToProps, mapActionToProps)(withStyles(styles)(PostArticles));
constPostarticles=({classes,…props})=>{
//常量{classes,…props}=props
const[currentId,setCurrentId]=useState(0)
//常数[currentIdCat,setCurrentIdCat]=useState(0)
useffect(()=>{
props.fetchAllPostMessages()
},[])//DidMount
const onDelete=id=>{
const onSuccess=()=>{
奶油土司({
内容:
})
}
if(window.confirm('确定要删除此记录吗?'))
props.deletePostMessage(id,onSuccess)
}
返回(
{
props.PostArticleList.map((记录,索引)=>{
返回(
{record.title}
{record.content}
setCurrentId(记录。\u id)}>
编辑
onDelete(记录。\u id)}>
删除
)
})
}
);
}
常量mapStateToProps=状态=>({
PostArticleList:state.PostArticle.list
})
常量mapActionToProps={
fetchAllPostMessages:actions.fetchAll,
deletePostMessage:actions.Delete
}
导出默认连接(mapStateToProps、mapActionToProps)(带有样式(样式)(Postarticle));

请将代码缩短到非常必要的长度