如何在反應 select 中將數組設置為默認值

Question

我正在使用 mui select。 我設置了值 [數組類型]，但無法設置默認值。

<select
  defaultValue={[181, 182, 183]}
  onChange={(e) => {
    Setselectedverticle(e.target.value);
  }}
>
  <MenuItem key={0} value={0}>
    Select the Verticle
  </MenuItem>
  {verticle.map((e, i) => {
    return (
      <MenuItem key={i} value={e.value}>
        {e.label}
      </MenuItem>
    );
  })}
</Select>;

我在下面列出了示例數據格式。

VERTICLE
    [{key:184
    label:"Entertainment"
    value:[185, 186, 187, 188]},
    {key:185
    label:"Entertainment"
    value:[185, 189, 189]}]

Answer 1

使用值而不是默認值

<select
      Value={[181, 182, 183]}
      onChange={(e) => {
        Setselectedverticle(e.target.value);
      }}
    >
      <MenuItem key={0} value={0}>
        Select the Verticle
      </MenuItem>
      {verticle.map((e, i) => {
        return (
          <MenuItem key={i} value={e.value}>
            {e.label}
          </MenuItem>
        );
      })}
    </Select>;