Можно ли сделать ссылку динамической?

Question

[Алексе Пономарев]

У меня есть файл который я получаю по ссылке

const users = require(`../pdd/questions/AB/tickets/1.json`);

Мне нужно что бы в этом файле менялась "1.json" эта часть в зависимости от переменной которая приходит на эту страницу.
К примеру если человек перешёл на страницу и переменная {istr} равна 4 то ссылка должна быть

const users = require(`../pdd/questions/AB/tickets/4.json`);

Я пробовал

const users = require(`../pdd/questions/AB/tickets/"{istr}".json`);
  const users = require(`../pdd/questions/AB/tickets/"+{istr}+".json`);
  const users = require(`../pdd/questions/AB/tickets/"+${istr}+".json`);
  const users = require(`../pdd/questions/AB/tickets/"${istr}".json`);

много что перебрал но не работает. Работает только если ссылка статична

const users = require(`../pdd/questions/AB/tickets/1.json`);

Может кто то сталкивался с такой проблемой.

Comments

[fuf83]

const users = require(`../pdd/questions/AB/tickets/${istr}.json`);

[Александр]

Более подробный код можно? Иначе можно все JSON-ки перевести в JS-ки и запрашивать примерно так:

import(MY_FILE).then((module) => { /* YOUR CODE */ });

Но это ES-модули.

[Алексе Пономарев]

Александр,

export default function Test({ navigation, route }) {



  var istr = route.params.passed.i;


  const users = require(`../pdd/questions/AB/tickets/1.json`);
  return (

    <ScrollView>

      <View style={{ flex: 1, backgroundColor: '#eff3f9', }}>
        {users.map(item => (
          <View>
            <Text>Билет {istr}</Text>
            <View style={{ flex: 1 }}>
              <Text style={{ fontSize: 20 }} key={item.toString()}>{item.title}</Text>
            </View>
            <Image style={{ height: 150, width: '100%', textAlign: 'center', borderRadius: 10, }} source={{ uri: item.image }} />
            <View style={{ flex: 1 }}>
              <Text style={{ fontSize: 20, textAlign: 'center', margin: 10, }}>{item.question}</Text>


              {item.answers.map(answer_text => (
                <TouchableOpacity style={gStyle.vopros}>
                  <Text style={{ color: '#fff' }}>
                    {answer_text.answer_text}
                  </Text>
                </TouchableOpacity>
              ))}

            </View>

          </View>
        ))}
      </View>
    </ScrollView>
  );
}

Answer 1

[Алексе Пономарев]

решение если кому то нужно.
В require как я понял нельзя использовать переменные внутри. Поэтому я загрузил файлы на сайт и доступ к файлам получил через

useEffect(() => {
    fetch('https://prava74.ru/questions/AB/tickets/'+istr+'.json')
      .then((response) => response.json())
      .then((json) => setData(json))
      .catch((error) => console.error(error))
      .finally(() => setLoading(false));
  }, []);

все получилось.

Comments

[Алексей Дубровин]

Поздравляю с самостоятельным решением.
Можете попробовать еще и переписать это, через async await. (Сразу закроете 2 темы)