更改状态setState挂钩后，功能组件无法渲染

Question

我正在使用功能组件，出于某种原因，他们不了解状态没有改变，因此该组件不会重新呈现自身。 尝试了使用setAccountKey甚至使用带有prevState的setAccountKey来更改状态的onChange的不同方式。

export default function Table() {
  const [accountKey, setAccountKey] = useState({value: 1});

useEffect(() => {
       const queryStringData = accountKey.value ? `?accountKey=${accountKey.value}` : '';
  const options = {
    url:  `https://xxxx/data${queryStringData}`,
    headers: {
      'Accept-Encoding': 'gzip, deflate',
      'Authorization': `Bearer ${sessionStorage.getItem('token')}`
    },
    encoding: null
  };
}



 return (
  <div style={{
    marginTop: '46px',
  }}>
    <FormControl variant="outlined">
      <Select
        id="demo-simple-select-outlined"
        value={accountKey.value}
        onChange={(event) => {
          setAccountKey(...event.target.value);
          console.log(accountKey);
        }}
        label="accountKey"
      >
        <MenuItem value="">
          <em>None</em>
        </MenuItem>
        <MenuItem value={10}>Ten</MenuItem>
        <MenuItem value={20}>Twenty</MenuItem>
        <MenuItem value={30}>Thirty</MenuItem>
      </Select>
    </FormControl>
   </div>
  );
}

这个想法是使用状态accountKey来更改和请求新信息。 我完全迷路了。