javascript - Passing props to dynamic component in NextJS - Stack Overflow

admin管理员组

文章数量:1340984

I'm importing a map ponent dynamically with Next.js and I need to pass some data to it via props.

const MapWithNoSSR = dynamic(() => import("../Map"), {
    ssr: false,
    loading: () => <p>...</p>,
  });

Is there any way to do that?

I'm importing a map ponent dynamically with Next.js and I need to pass some data to it via props.

const MapWithNoSSR = dynamic(() => import("../Map"), {
    ssr: false,
    loading: () => <p>...</p>,
  });

Is there any way to do that?

• javascript
• reactjs
• next.js

Share Improve this question Follow edited Dec 9, 2021 at 23:56 juliomalves 50.6k2323 gold badges178178 silver badges169169 bronze badges asked Dec 9, 2021 at 22:09 Ala Ben AichaAla Ben Aicha 1,28644 gold badges1818 silver badges3636 bronze badges 4

• 1 And what is the problem, exactly? – Yevhen Horbunkov Commented Dec 9, 2021 at 22:15
• the problem is that when I passed the data in props like I usually do, the ponent didn't read the data, so I thought maybe there is another way of passing data to dynamic ponents in next JS – Ala Ben Aicha Commented Dec 9, 2021 at 22:19
• 2 '> ... when I passed the data in props like I usually do, the ponent didn't read the data...' Then, you've, probably, forgotten to paste here relevant piece of code. – Yevhen Horbunkov Commented Dec 9, 2021 at 22:22
• How are you using MapWithNoSSR? – juliomalves Commented Dec 9, 2021 at 23:57

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 11

You would do like any other ponent:

<MapWithNoSRR yourProp={data}></MapWithNoSRR>

本文标签： javascriptPassing props to dynamic component in NextJSStack Overflow