En proceso de aprendizaje de React.js con este enlace a las 35:50 min, tengo un problema con las etiquetas col . No es de extrañar que esté funcionando para youtuber.
import React from "react"; import millify from "millify"; import { Typography, Row, col, Statistic } from "antd"; import { Link } from "react-router-dom"; const { Title } = Typography; const HomePage = () => { return ( <> <Title level={2} className="heading"> Global Crypto Stats </Title> <Row> <col span={12}> <Statistic title="Total cryptocurrencies" value="5" /> </col> <col span={12}> <Statistic title="Total Exchanges" value="5" /> </col> <col span={12}> <Statistic title="Total Market cap" value="5" /> </col> <col span={12}> <Statistic title="Total 24h volume" value="5" /> </col> <col span={12}> <Statistic title="Total Markets" value="5" /> </col> </Row> </> ); }; export default HomePage;Sin suerte de principiante suspiro :(
Tienes el caso de col mal.
En minúsculas, col representa el elemento HTML <col> , que solo puede ser un elemento vacío. Sin embargo, Col con una C mayúscula parece ser un componente de la biblioteca antd . Vea por ejemplo su uso aquí . Además, si presta mucha atención al video, de hecho usa <Col ...> en lugar de <col ...> .
Cambie col a Col en su declaración de import y en las diversas líneas <col ...> ... </col> .