How can I insert Variable into variable name which is imported from other file?

manpreet Best Answer 2 years ago

I want to put variables(in loop) to call const name, which I imported from other file.

I want to import const from file like this:

export const p6_q1="AAA";
export const p6_q2="BBB";
export const p6_q3="CCC";
export const p6_q4="DDD";

I've tried this :

import React from 'react';
import * as Text from 'textKorean';

const FaqItem = ({obj}) => {
    return (
        <div>
            {console.log(obj)}
            { Text.p6_q`${String(obj)}` }
        div>
    );
};

export default FaqItem;

props 'obj' is well presented on my console. But the error message says:

./src/FaqItem.js Attempted import error: 'p6_q' is not exported from 'textKorean' (imported as 'Text').

I want it to be p6_q1. p6_q2, p6_q3, ... and so on.

but my code in { Text.p6_q`${String(obj)}` } says it is just p6_q.

How can I do that?

manpreet 2 years ago

First of all, you should probably change the import to import * as Text from './textKorean.js', if the textKorean file is in the same folder as your FaqItem. Next, is your obj is an array, you'll have to map the array. You should try

{ obj.map(num => Text["p6_q"+num])}