Cómo importar un archivo CSS en un componente React

Esta noticia ha sido evaluado por expertos así garantizamos la exactitud de este escrito.

Solución:

Ni siquiera tiene que nombrarlo si no necesita:

p.ej

import React from 'react';
import './App.css';

vea un ejemplo completo aquí (Build a JSX Live Compiler as a React Component).

Debe usar css-loader al crear un paquete con webpack.

Instalarlo:

npm install css-loader --save-dev

Y agréguelo a los cargadores en las configuraciones de su paquete web:

module.exports = 
  module: 
    loaders: [
       test: /.css$/, loader: "style-loader!css-loader" ,
      // ...
    ]
  
;

Después de esto, podrá incluir archivos css en js.

Sugeriría usar módulos CSS:

Reaccionar

import React from 'react';
import styles from './table.css';

export default class Table extends React.Component 
    render () 
        return 

            

                
A0
                
B0
            
        
;
    

Representación del componente:

    

        
A0
        
B0
    

Te mostramos reseñas y puntuaciones

Si te animas, puedes dejar un artículo acerca de qué te ha impresionado de este tutorial.

---

---

Utiliza Nuestro Buscador