Ambigüedad entre componente y elemento en algunas preguntas

[Emilio Giménez]

¡Buenas!

Estaba revisando la React wiki y me di cuenta que, a mi forma de verlo y por la propia definición que se encuentra en la wiki, creo que hay algunas preguntas que hacen un uso incorrecto de la palabra componente por usarla como sinónimo de elemento lo que puede llevar a confusiones.

Las preguntas son:

• ¿Cómo puedes aplicar clases CSS a un componente en React y por qué no se puede usar class?
• ¿Cómo puedes aplicar estilos en línea a un componente en React?
• ¿Cómo puedo aplicar estilos de forma condicional a un componente en React?
• ¿Cómo añadir un evento a un componente en React?

Lo que sucede es que indican cómo aplicar clases CSS / estilos en línea / estilos en forma condicional / eventos a un componente de React cuando en realidad estas características se aplican a elementos de React.

// Aplicando características sobre un elemento ✅
export function App() {
  return (
    <h1 className='title'>Hello React Wiki!</h1>
  );
}

import { Title } from './Title.jsx';

// Aplicando características sobre un componente ❌
export function App() {
  return (
    <Title className='title'>Hello React Wiki!</Title>
  );
}

Al menos a mí me confundió al principio. Sin embargo, soy nuevo con React así que en vez de mandar una PR con las modificaciones quería consultar si esto es correcto o soy yo quien no está viendo algo.