/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/data/material/components/no-ssr/FrameDeferring.js
55 строк
1 KB
Siriwat K
[docs] Migrate content to the new location (#30757)
04 фев 2022, 07:13
Не верифицирован
04 фев 2022, 07:13
27f1c28
Код
Авторство
О чём код?
import * as React from 'react'; import Box from '@mui/material/Box'; import NoSsr from '@mui/material/NoSsr'; function LargeTree() { return Array.from(new Array(5000)).map((_, index) => <span key={index}>.</span>); } export default function FrameDeferring() { const [state, setState] = React.useState({ open: false, defer: false, }); return ( <div> <button type="button" onClick={() => setState({ open: !state.open, defer: false, }) } > {'Render NoSsr defer="false"'} </button> <br /> <button type="button" onClick={() => setState({ open: !state.open, defer: true, }) } > {'Render NoSsr defer="true"'} </button> <br /> <br /> <Box sx={{ width: 300, display: 'flex', flexWrap: 'wrap' }}> {state.open ? ( <React.Fragment> <div>Outside NoSsr</div> <NoSsr defer={state.defer}> .....Inside NoSsr <LargeTree /> </NoSsr> </React.Fragment> ) : null} </Box> </div> ); }