在React的组件中使用点标记是一种将相关组件组织和分组在一起的方法。这不是组件功能所必需的，而是代码可读性和组织所必需的。在提供的示例中，<Card.Body>和<Card.Footer>组件分组在父组件下。这样就可以清楚地区分组件的不同部分，并且更容易理解代码的结构。
使用这种表示法的另一个优点是能够控制作用域中导入和变量的数量。您不必单独导入和声明每个组件，而是可以将它们组合在一个对象下，然后作为一个整体导入。这有助于保持代码库更有组织和更易于管理。
例如，不必像下面这样单独导入和声明每个组件：

import CardBody from './CardBody';
import CardFooter from './CardFooter';
import CardHeader from './CardHeader';

const MyComponent = () => {
    return (
        <div>
            <CardBody />
            <CardFooter />
            <CardHeader />
        </div>
    )
}

您可以将它们组合在一个对象下，然后将它们作为一个整体导入，如下所示：

import { Card } from './Card';

const MyComponent = () => {
    return (
        <div>
            <Card.Body />
            <Card.Footer />
            <Card.Header />
        </div>
    )
}

这样，作用域中的导入和变量就更少了，这可以使代码库更有组织、更易于管理。
总之，在React组件中使用点符号不是必需的，而是用于组织和提高代码可读性的约定。