/
githubmr
/
facebook-react
Обзор
Документация
Войти
/
githubmr
/
facebook-react
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
main
fixtures/ssr/src/components/Chrome.js
52 строки
2 KB
Sebastian Markbåge
[Fizz] Outline if a boundary would add too many bytes to the next completion (#33029)
30 апр 2025, 02:13
Не верифицирован
30 апр 2025, 02:13
18212ca
Код
Авторство
О чём код?
import React, {Component, Suspense, startTransition} from 'react'; import Theme, {ThemeToggleButton} from './Theme'; import './Chrome.css'; import LargeContent from './LargeContent'; export default class Chrome extends Component { state = {theme: 'light'}; render() { const assets = this.props.assets; return ( <html lang="en"> <head> <meta charSet="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="shortcut icon" href="favicon.ico" /> <link rel="stylesheet" href={assets['main.css']} /> <title>{this.props.title}</title> </head> <body className={this.state.theme}> <noscript dangerouslySetInnerHTML={{ __html: `<b>Enable JavaScript to run this app.</b>`, }} /> <Suspense fallback="Loading..."> <Theme.Provider value={this.state.theme}> <div> <ThemeToggleButton onChange={theme => { startTransition(() => { this.setState({theme}); }); }} /> </div> {this.props.children} </Theme.Provider> </Suspense> <LargeContent /> <script dangerouslySetInnerHTML={{ __html: `assetManifest = ${JSON.stringify(assets)};`, }} /> </body> </html> ); } }