Node.js 如何添加要打印的第二个列表(集合)
有一个名为PostArticles的集合,我想添加第二个名为Categories的集合,使用react 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] =
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));
请将代码缩短到非常必要的长度