Comment introduire les styles CSS dans React

Comment introduire le style CSS dans React : déclarez d'abord le style dans la fonction de rendu, tel que [render() {let mystyle = {}}], puis référencez le style, tel que [return(< div style ={mystyle}>

);].

L'environnement de cet article : Windows10, version React16&&css3, ordinateur Dell G3.

(Partage de vidéos d'apprentissage : tutoriel vidéo React)

React propose trois façons d'introduire les styles CSS :

1. Style en ligne : directement dans le. composant Définition interne

<div style={{width:&#39;20px&#39;,height:&#39;30px&#39;}}>
    First Way!
</div>

2. Style de déclaration : déclarez d'abord dans la fonction de rendu, puis référencez

render() {
    let mystyle = {
         width:'20px',
         height:'30px'
    }

    return(
        <div style={mystyle}>
            Second Way!
        </div>
    );
}

3. Introduisez le style : introduisez un fichier CSS externe, le fichier CSS externe est un CSS ordinaire. Utilisez l'instruction suivante après l'instruction import dans le composant js.

requre('./mystyle.css');

Recommandations associées : Tutoriel js

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!