How to pass a variable in a file path React JS [duplicate]

Question

So I have this pdf file import link:

import pdf from '../Files/file-1.pdf'

but I want that name of the file "file-1" to be a variable cause its gonna change from one user to another so is it possible to do pass a variable in the path something like:

const filename = "file-1.pdf"
import pdf from `../File/${filename}` /*ofc this method doesn't 
work for many reasons but I just wanted to explain my question*/

you might want to checkout dynamic import which is a syntax for giving a Promise that resolves after importing some dynamic links. The code could be inside of a useEffect or you might use React Query — Bao Huynh
– Bao Huynh, Commented Oct 27, 2022 at 16:08
yes @PhilipClark it worked, post that as an answer and i will accept it — Tarek Gharbi
– Tarek Gharbi, Commented Oct 27, 2022 at 16:25

Philip Clark · Accepted Answer · 2022-10-27 16:34:26Z

2

This SO Thread might help.

From Thread:

I've got the answer. I can use require to import files dynamically.

const dynamicFile = require('../somepath/' + someVar);

answered Oct 27, 2022 at 16:34

Philip Clark

3262 silver badges7 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to pass a variable in a file path React JS [duplicate]

1 Answer 1

From Thread:

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

From Thread:

Comments

Linked

Related