У меня есть вопрос о require.context. Могу ли я создать его с помощью динамической папки?
У меня есть папка «Companies» / папка «1» (id компании) с изображениями, / папка «2» с изображениями, 3 et c. Мне нужно добавить этот идентификатор в путь, чтобы показать изображения с указанием c идентификатор компании.
У меня есть это:
UNSAFE_componentWillMount() {listOfImages =
this.importAll(require.context('../images/companies/1/', false, /.(png|jpe?g|svg)$/));}
importAll(r) {
return r.keys().map(r);
}
....
return(
<div>
{ listOfImages.map((image, index) =>
<img key={index} src={image} alt="info"></img>)}
</div>)
Итак, я получаю все изображения из папки «1», но как я могу сделать эту папку динамически? Я попытался добавить переменную в путь:
const companyId = this.props.match.params.id; // it's 1 from route
listOfImages = this.importAll(require.context(`../images/company/${companyId}`,false, /\.(png|jpe?g|svg)$/));
or
<img key={index} src={`${companyId}/${image}`} alt="info"></img>
, но получил «Критическая зависимость: функция require используется таким образом, что зависимости не могут быть извлечены статически»