/
ashipov
/
react
Обзор
Документация
Войти
/
ashipov
/
react
Код
Запросы
0
Задачи 2.0
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
main
packages/react-devtools-shell/src/multi/right.js
40 строк
927 B
Ruslan Lesiutin
chore: gate legacy apis for react-devtools-shell (#28273)
09 фев 2024, 14:27
Не верифицирован
09 фев 2024, 14:27
03d6f7c
Код
Авторство
О чём код?
/** * Copyright (c) Meta Platforms, Inc. and affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ import * as React from 'react'; import {useLayoutEffect, useRef, useState} from 'react'; import {createRoot} from 'react-dom/client'; function createContainer() { const container = document.createElement('div'); ((document.body: any): HTMLBodyElement).appendChild(container); return container; } function EffectWithState() { const [didMount, setDidMount] = useState(0); const renderCountRef = useRef(0); renderCountRef.current++; useLayoutEffect(() => { if (!didMount) { setDidMount(true); } }, [didMount]); return ( <ul> <li>Rendered {renderCountRef.current} times</li> {didMount && <li>Mounted!</li>} </ul> ); } createRoot(createContainer()).render(<EffectWithState />);