ES6 Интерполяция

У меня есть один файл конфигурации Abc.js

export const config = {
  name:'Name',
  rollNo: 'Roll Number'
}

export const name = {
  london  :'london',
  newYork :'newYork'
}

export const rollNo = {
  1:'one',
  2: 'two'
}

Затем у меня есть один компонент, в котором я использую этот файл конфигурации:

import * as configuration from 'Abc';

Object.keys(configuration.config).map(key,index)
  return (
    <tr key = {index}>
    <td><Field name = {`${key}`} id = {`${key}`}
    options = {configuration.${key}}
    />  
   </tr>
   </td>
)

Я хотел бы интерполировать ключ в параметрах, чтобы, если ключ является именем, я хочу читать configuration.name из Abc.js

Может ли кто-нибудь сказать мне, как это интерполировать.

Здесь вам не нужна интерполяция - просто используйте name = { key }, id = { key } и options = { configuration[key] }.

MTCoster 09.12.2018 12:59
JSXуже - это оценка, что внутри {} как javascript
vsync 09.12.2018 13:00
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
2
50
1

Ответы 1

Здесь нет необходимости использовать строковую интерполяцию:

Object.keys(configuration.config).map((key, index) => (
  <tr key = { index }>
    <td>
      <Field name = { key } id = { key } options = { configuration[key] } />  
    </td>
  </tr>
));

Другие вопросы по теме