reactjs - 子组件或材料库中组件的 useRef

Question

我正在尝试获取组件的引用，但获取 ref.current null...

我在我的项目中使用reactstrap库...

当我将 ref 用于 div 或任何其他 jsx 元素时，我得到了所有的值、对象和函数。

          <div ref={divRef} style={{ overflowY: "hidden", overflowX: "scroll" }}>
            <Card>
              <CardBody style={{ margin: "0%", paddingBottom: "6%" }}>
                <CardTitle
                  id="world-caption-title"
                  style={{
                    fontSize: "2vmin",
                    fontWeight: "bold",
                    textAlign: "center",
                    color: "#514F50",
                  }}
                ></CardTitle>
              </CardBody>
            </Card>
          </div>

我得到所有当前值

但是当我尝试将 ref 分配给reactstrap的Card、CardBody、Row、Col、Container等时...我得到了 ref.current 值null

          <div>
            <Card ref={cardRef} >
              <CardBody>
                <CardTitle> Hello</CardTitle>
                  The Mapper
              </CardBody>
            </Card>
          </div>