我會盡可能清楚地解釋我的問題！
我正在使用 React 和 Material-UI 開發一個網站。在我的一個頁面中，我得到了一個表面（這里是 MUI 的一個組件）。在本文中，我想展示我開發的一些組件，但我想一次只展示一個。
我已經從 MUI 實作了一個組件，以使用頁碼作為要顯示的組件的參考。
想象一下這樣的事情：
<Paper>
<Grid container>
<Grid item>
<OWN COMPONENTS>
</Grid>
</Grid>
<Grid item>
<Stack>
<Pagination count={nbPage} color='primary' onChange={handleChange} />
</Stack>
</Grid>
</Paper>
從這個骨架中，如果 pageNumber 為 1，我想顯示 OWNCOMPONENT_1，如果 pageNumber 為 2，我想顯示 OWNCOMPONENT_2，等等。
我沒有從顯示組件的 Pagination MUI 組件中找到任何示例，而只是串列。我嘗試使用一個 switch 函式來回傳所需的組件，但視覺結果被破壞了。我也嘗試了路由解決方案，但我沒有掌握足夠的知識來做一些有效的事情。
我希望我所說的一切都是可以理解的，即使我必須改變呈現我想要的東西的方式，我也愿意接受任何解決方案。
我仍然是使用 React 和 JS 的新手，所以我可能需要解釋:)
uj5u.com熱心網友回復：
您可以在更改狀態時設定頁碼，并根據該狀態顯示組件。我在沙盒中添加了一個解決方案：https ://codesandbox.io/s/basicpagination-material-demo-forked-5q78eq?file=/demo.tsx
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/459143.html
標籤：javascript 反应 材料-ui