reactjs - 是什么意思？

Question

我在轮播组件的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

来自the docs

You can also refer to a React component using dot-notation from withinJSX. This is convenient if you have a single module that exports manyReact components. For example, if MyComponents.DatePicker is acomponent, you can use it directly from JSX with:

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" />;
}