reactjs - React UseRef 的电流既是初始值也是我期待的元素

Question

我正在尝试设置为使用 useRef设置 div 的 ref 的钩子(Hook)，但似乎一旦找到 ref 值就不会更新。下面怎么可能？

    const SelectDropDown = props => {
    const { helperText, label, ...restProps } = props;
    const [animals, setAnimals] = React.useState('');
    const labelRef = useRef(0);

    const handleChange = event => {
      setAnimals(event.target.value);
    };

     console.log('ref', labelRef);

   return (
   <FormControl>
      <div ref={labelRef}></div>
     <InputLabel id={`label-${label}`}>Animals</InputLabel>
        <MSelect
        autoWidth
        labelId={`label-${label}`}
        id="demo-simple-select"
        value={animals}
        onChange={handleChange}
        >
        {options.map(option => {
         return <MenuItem value={option.id}>{option.value}</MenuItem>;
         })}
         </MSelect>
        </FormControl>
      );
   };

Answer 1

ref 未分配，因此在组件完全安装之前无法正确访问。我最终使用 useEffect 来获取值。