Bird
0
0

Which is the correct way to dynamically import a component named Dashboard using React.lazy in a Remix app?

easy📝 Syntax Q3 of 15
Remix - Performance
Which is the correct way to dynamically import a component named Dashboard using React.lazy in a Remix app?
Aconst Dashboard = React.lazy(import('./Dashboard'));
Bconst Dashboard = React.lazy(() => import('./Dashboard'));
Cconst Dashboard = React.lazy(() => require('./Dashboard'));
Dconst Dashboard = React.lazy(() => import('./Dashboard').default);
Step-by-Step Solution
Solution:
  1. Step 1: Syntax of React.lazy

    React.lazy expects a function returning a dynamic import promise.
  2. Step 2: Correct usage

    Use arrow function: React.lazy(() => import('./Dashboard'))
  3. Final Answer:

    const Dashboard = React.lazy(() => import('./Dashboard')); -> Option B
  4. Quick Check:

    React.lazy requires a function returning import [OK]
Quick Trick: React.lazy needs a function returning import() [OK]
Common Mistakes:
MISTAKES
  • Passing import() directly without a function
  • Using require instead of import
  • Trying to access .default inside React.lazy

Want More Practice?

15+ quiz questions · All difficulty levels · Free

Free Signup - Practice All Questions
More Remix Quizzes