Javascript 如何从特定索引映射，然后在特定索引之后停止

我正在尝试制作一个反应列表，但我被卡住了，因为在我的状态下，数组中有50个对象，我只想渲染10个对象，我不知道在特定索引后如何停止渲染。有人能帮我吗？这是我尝试执行的代码 我使用的是材料界面

const AnimeResults = ({ search: { animelist, isAnimeLoaded } }) => {
    const classes = useStyles();
    return isAnimeLoaded ? (
        <Spinner />
    ) : (
            <List dense className={classes.root}>
                {animelist.map((anime, index) => {
                    const labelId = `checkbox-list-secondary-label-${index}`;
                    return (
                        <ListItem key={anime.mal_id} button>
                            <ListItemAvatar>
                                <Avatar
                                    alt={`Avatar n°${anime + 1}`}
                                    src={anime.image_url}
                                />
                            </ListItemAvatar>
                            <ListItemText id={labelId} primary={`${anime.title}`} />
                            <ListItemSecondaryAction>
                                <div>+</div>
                            </ListItemSecondaryAction>
                        </ListItem>
                    );
                })}
            </List>
        );
}

const AnimeResults=（{search:{animelist，isAnimeLoaded}}）=>{
const classes=useStyles（）；
还我一个人吗(
) : (
{animelist.map（（动画，索引）=>{
const labelId=`checkbox list secondary label-${index}`；
返回(
+
);
})}
);
}

希望我能解释我自己，有人能帮我吗？我卡住了

试试这个：

animelist.slice（0,10）.map（（动画，索引）=>{

您可以使用

slice

获取第一个

X

金额（在您的情况下为10），然后

map

在该数组上

尝试以下操作：

animelist.slice（0,10）.map（（动画，索引）=>{

---

您可以使用

slice

获取第一个

X

金额（在您的例子中为10），然后

map

覆盖该数组

。map

在调用的整个数组上循环，因此

slice

在前面执行

animelist.slice(0,10).map(...)

---

或者更动态地使用

切片（x，x+10）

.map

循环调用整个数组，所以

切片

之前

animelist.slice(0,10).map(...)

---

或更动态地使用

切片（x，x+10）

哦，这很快就会奏效的，谢谢你的努力。是的，试试看它是否对你有效，以及你所需要的want@Arun别担心。如果你有机会，请把它标记正确，谢谢。我会的。它显示了10分钟，然后我可以将其添加为正确：Doh，这很快，会起作用的。谢谢，起作用了。是的，尝试一下，看看它是否对你有效，还有什么你want@Arun别担心。如果你有机会，请把它标记正确，谢谢。我会的。它显示10分钟后，我才能将其添加为正确：谢谢你为我工作的人一定会尝试动态的。谢谢你为我工作的人一定会尝试动态的