使用 react.js 从-到映射

Question

I have a map loop that returns a list of values eg 0 - 100. The problem is that this will return the whole list. I want to only return a specific number of values. eg (11-20). What would be the best way of implementing this?

The current code is

const all = this.props.memories.map((value, index) => {
    return (
        <div>
            {value}
                </div>
            )
        })

Answer 1

Use .slice() as this.props.memories.slice(11, 20).map...

Answer 2

Slice..Use it when you do not want to alter the original contents, instead a shallow copy of that for local change and usage.

this.props.memories.slice(11,20).map((value, index) => {
    return (
        <div>{value}</div>
    )
})