How can I map over two arrays at the same time?

Question

I have two arrays, one with urls and one with content. They look like this:

const link = [ \'www.test0.com\', \'www.test1.com\', \'www.test2.com\' ]
const c         


        

Answer 1

You would be better off having it as:

const data = [
    { link: "www.test0.com", text: "this is test0 content" },
    { link: "www.test1.com", text: "this is test1 content" }
];

You would then render content like:

render() {
    var links = [];
    for (var i = 0; i < data.length; i++) {
        var item = data[i];
        links.push(
{item.text}
);
    }

    return (
{links}
);
}

Please note, this is untested code as I don't have a JSX project currently setup that I can test it in.