zrozumiecReact.pl

import { useState } from 'react';
import { preload } from 'react-dom'; 
import { HiddenComponentWithNiceFont } from './HiddenComponentWithNiceFont';

export default function App() {
    const [isTextShown, setIsTextShown] = useState(false);
    preload('https://fonts.googleapis.com/css2?family=Roboto&display=swap', { as: 'font' });
    
    return (<>
        <h1>Preloading fonta</h1>
        <div>
            <button onClick={() => setIsTextShown(true)}>Pokaż text z innym fontem</button>  
        </div>
        {isTextShown && <HiddenComponentWithNiceFont />}     
    </>);
}