javascript - 如何动态命名数组以在其上映射

Question

const linesImages = metrosLines.map((line, i) => {

您好，我需要将“metrosLines”上方的数组名称动态重命名为 transport + 'Lines'.map((line, i) =>

Transport(this.props.transport destructured)是一个prop，在父组件中相当于this.state.selectValue，

综上所述，如果 transport === "rers"，我需要做 "rerLines.map"，如果 transport === "metros"，我需要做 "metrosLines.map"，如果 transport === "tramways"我需要做 "tramwaysLines.map"，

有人知道如何动态命名映射到的数组吗？

谢谢

const { transport, data } = this.props;
const transportImage = require(`../../../images/${transport}/${transport}.svg`);

const metrosLines = ['1', '2', '3', '3bis', '4', '5', '6', '7', '7bis', '8', '9', '10', '11', '12', '13', '14'];
const rersLines = ['a', 'b', 'c', 'd', 'e'];
const tramwaysLines = ['1', '2', '3a', '3b', '5', '6', '7', '8'];


const linesImages = metrosLines.map((line, i) => {
    const importLineImage =  require(`../../../images/${transport}/${line}.svg`);
    return <Media object data-src="holder.js/64x64" src={ importLineImage } alt="Logo ligne métro RATP" key={i} />;
});

Answer 1

如果您可以将 metrosLines、rersLines 和 tramwaysLines 转换为以这些作为键的对象，例如

const lines = { 
    metrosLines : ['1', '2', '3', '3bis', '4', '5', '6', '7', '7bis', '8', '9', '10', '11', '12', '13', '14'],
    rersLines : ['a', 'b', 'c', 'd', 'e'],
    tramwaysLines : ['1', '2', '3a', '3b', '5', '6', '7', '8']
}

那你可以喜欢

lines[`${transport}Lines`].map()