如何传递道具以更改react-select组件的宽度

// 父组件
import React, { useState } from 'react';
import Select from 'react-select';

const ParentComponent = () => {
  const [selectWidth, setSelectWidth] = useState('200px'); // 定义宽度状态变量

  const handleWidthChange = (width) => {
    setSelectWidth(width); // 更新宽度值
  };

  return (
    <div>
      <SelectComponent width={selectWidth} onWidthChange={handleWidthChange} />
    </div>
  );
};

// react-select组件
const SelectComponent = ({ width, onWidthChange }) => {
  const customStyles = {
    control: (provided) => ({
      ...provided,
      width: width, // 使用传递的宽度值设置组件的宽度
    }),
  };

  return (
    <Select
      styles={customStyles}
      // 其他属性
    />
  );
};