<Carousel.Item> 是什么意思？

Question

我在 carousel 组件的 reactBootstrap 中看到了这段代码

            <Carousel.Item>
                <img
                    className="d-block w-100"
                    src="holder.js/800x400?text=First slide&bg=373940"
                    alt="First slide"
                />
                <Carousel.Caption>
                    <h3>First slide label</h3>
                    <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
                </Carousel.Caption>
            </Carousel.Item>
        </Carousel>

我不明白这是什么 <element.something>

Answer 1

从文档

您还可以在 JSX 中使用点符号引用 React 组件。如果您有一个导出许多 React 组件的模块，这会很方便。例如，如果 MyComponents.DatePicker 是一个组件，你可以直接从 JSX 使用它：

import React from 'react';

const MyComponents = {
  DatePicker: function DatePicker(props) {
    return <div>Imagine a {props.color} datepicker here.</div>;
  }
}

function BlueDatePicker() {
  return <MyComponents.DatePicker color="blue" />;
}