コンポーネントの参照を取得しようとしていますが、ref.current を取得していますnull
...
プロジェクトでreactstrapライブラリを使用しています...
div またはその他の jsx 要素に ref を使用すると、すべての値、オブジェクト、および関数が取得されます。
<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>