Hago un estilo en mi proyecto de reacción. Como
estilo.css:
.headingStyle { background-color: purple; text-align: center; }y mi componente de reacción es:
import React from 'react' import '../cse_component/style.css' export default function heardTitle() { return ( <div> <h1 ClassName='headingStyle'>Todo List</h1> </div> ) }Pero, ¿por qué no puedo cambiar nada en mi proyecto?
Creo que escribiste mal el accesorio className . Debería ser className , no ClassName usando C mayúscula.
Intenta cambiarlo de este
<h1 ClassName='headingStyle'>Todo List</h1>dentro de esto:
<h1 className='headingStyle'>Todo List</h1>Supongo que hay un error tipográfico en ClassName use className .
import React from 'react' import '../cse_component/style.css' export default function heardTitle() { return ( <div> <h1 className='headingStyle'>Todo List</h1> </div> ) } Para css en línea, use el código como <h1 style={{ background-color: purple;text-align: center; }} >Todo List</h1>