目标小部件应该显示所有目标

Question

目前，如果我想查看所有“目标”，我必须点击“展开”按钮。

三个“目标”连续排列。

Not expanded

Expanded

我要做的是删除“展开”按钮并确保所有“目标”在没有该按钮的小部件中可见。

那里应该做什么？

return (
<>
  <Grid container spacing={1}>
    {mapGoals(goals.slice(0, GOALS_TO_FIT_IN_ROW))}
  </Grid>
  {shouldCollapse && (
  <>
    <Collapse in={openCollapse}>
      <Grid container spacing={1}>
        {mapGoals(goals.slice(GOALS_TO_FIT_IN_ROW, goals.size))}
      </Grid>
    </Collapse>
    <ExpandButton open={openCollapse} setOpen={setOpenCollapse} />
  </>
  )}
</> );

提前致谢。

Answer 1

代码应该是

return (
<>
  <Grid container spacing={1}>
    {mapGoals(goals)}
  </Grid>
  
</> );