react useState ,useEfffect设置元素高度，注意加单位

import React, {useState, useEffect} from 'react';
import { Card } from 'antd';

const test = props => {
  
  const [heig, setHeight] = useState();

  useEffect(() => {
    const div = document.getElementsByClassName('healthCharacteristicsCard')[0];
    const clientHeight = div.clientHeight;
    setHeight(clientHeight);
  });

  return (
    <Card 
      size="small"
      style={{height:`${heig}px`, overflow: "auto"}}
    >
    </Card>
  )
}

export default test