React、JSXでmap関数を使用する際、個数を指定して表示させたい

Question

前提

React
JSX

要件

以下のようにmap関数をもちいて、全てのAPI情報を表示させることは可能です。
だが個数を指定する方法がわかりません。
map関数は個数指定できないのでしょうか？
また例えば10個中5個表示させるような表示の仕方はJSではできるのでしょうか？
またその方法はどのようにするのでしょうか？

{articles.map((item) => (
                <div key={item.url}>
                    <p className="title">
                        <a href={item.url} rel="noopener noreferrer" target="_blank">{item.title.substr(0,40)}...</a>
                    </p>
                </div>
            ))}

Answer 1

こんにちは

mapさせる配列のほうを5個にするというのはいかがでしょうか？たとえば先頭から5個であれば、

- {articles.map((item) => (
+ {articles.slice(0, 5).map((item) => (

とします。

Comments

[DaisukeMori]

ご回答ありがとうございました。
mapする前にsliceで個数を指定すればよかったんですね。
無事できました。

[jun68ykt]

どういたしまして????
> 無事できました。
とのことでよかったです????