null
. Una cosa importante a tener en cuenta es que React requiere que el nombre de su función comience con una letra mayúscula. Aquí hay un ejemplo de un componente funcional sin estado que asigna una clase HTML en JSX: // Después de ser transpilado, el <div> tendrá una clase CSS de 'customClass'Debido a que un componente JSX representa HTML, puede juntar varios componentes para crear una página HTML más compleja. Esta es una de las ventajas clave de la arquitectura de componentes que proporciona React. Le permite componer su IU a partir de muchos componentes separados y aislados. Esto facilita la creación y el mantenimiento de interfaces de usuario complejas.
const DemoComponent = function () {
regreso (
<div className = 'customClass' />
);
};
MyComponent
. Complete esta función para que devuelva un único elemento div
que contenga alguna cadena de texto. Nota: el texto se considera un elemento secundario del elemento div
, por lo que no podrá utilizar una etiqueta de cierre automático. MyComponent
debe devolver JSX.
testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); return mockedComponent.length === 1; })(), "MyComponent
should return JSX.");'
- text: MyComponent
debería devolver un elemento div
.
testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); return mockedComponent.children().type() === "div" })(), "MyComponent
should return a div
element.");'
- text: El elemento div
debe contener una cadena de texto.
testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); return mockedComponent.find("div").text() !== ""; })(), "The div
element should contain a string of text.");'
```