JavaScript - 使用 .map 时将第二个参数传递给 ES6 模板

Question

我正在使用 es6 模板，但在尝试将第二个参数传递给原始模板内部使用的另一个模板时遇到了问题。

起初我只使用 result.relevantJobTypes 参数，但现在我尝试传递 result.id 以在模板中使用，但我没有由于 map ，确定如何操作。

var resultTemplate = ({ result }) => {
    return `
        ${result.id} 
        ${result.relevantJobTypes.length < 1 ? '' : `
            ${result.relevantJobTypes.map(jobType => jobTypeTemplate({
                jobType // , result.id -> I want to use result.id somehow in jobTypeTemplate
            })).join('')}
        `}
    `;
}

var jobTypeTemplate = ({ jobType }) => {
    // template code
}

更新

尝试实现 @Bergi 的答案，但 id 在 relevantJobTypes 模板中未定义:

${result.relevantJobTypes.length < 1 ? '' : `
    ${result.relevantJobTypes.map(jobType => jobTypeTemplate({
        jobType
    }, result.id)).join('')}
`}

var jobTypeTemplate = ({ jobType, id }) => {
    // template code
}

#2

终于明白了，我必须将 jobTypeTemplate 的签名更新为 var jobTypeTemplate = ({ jobType }, id) => { 而不是 jobType ，id

Answer 1

这只是一个标准函数调用，与模板文字无关。而不是

jobTypeTemplate({
    jobType, result.id // SyntaxError
})

您需要使用

jobTypeTemplate({
    jobType
}, result.id)

第二个参数。当然，您也可以在对象文字中放置第二个属性:

jobTypeTemplate({
    jobType,
    id: result.id
})