我有以下代碼：const [homeSelect, setHomeSelect] = useState('Home');const [hedgeSelect, setHedgeSelect] = useState('Hedge');const [symbolSelect, setSymbolSelect] = useState('');const [similarSymbols, setSimilarSymbols] = useState([]);const handleHome = (event) => {    setHomeSelect(event.target.value);    exchange_change();  };const handleHedge = (event) => {    setHedgeSelect(event.target.value);    exchange_change();};const handleSymbol = (event) => {    setSymbolSelect(event.target.value);};const exchange_change = () => {    setSimilarSymbols([]);    //add symbols together from selected dropdowns    var allSymbols = response.content.symbols[homeSelect] + response.content.symbols[hedgeSelect];    console.log(allSymbols);    //sort the symbols    allSymbols = allSymbols.split(",");    var sort_arr = allSymbols.sort();    console.log(sort_arr);    //find duplicates    for(var i = 0; i < sort_arr.length-1; i++)    {      if(sort_arr[i + 1] == sort_arr[i]) {         setSimilarSymbols(similarSymbols => [...similarSymbols, sort_arr[i]]);      }    }  }<FormControl dense>    <TextField      id="standard-select-currency"      select      label="Home"      className={classes.textField}      value={homeSelect}      onChange={handleHome}      SelectProps={{        native: true,      }}      helperText="Please select exchange"    >      <option>Home</option>      {response ? response.content.exchanges.map((option) => (        <option value={option}>          {option}        </option>      )) : <option>Data is loading...</option>}    </TextField>  </FormControl>  <FormControl dense>    <TextField      id="standard-select-currency"      select      label="Hedge"      className={classes.textField}      value={hedgeSelect}      onChange={handleHedge}      SelectProps={{        native: true,      }}homeSelect選擇和后hedgeSelect，應使用相應的數據填充“similarSymbols”。問題是，“相似符號”直到再次選擇后才會正確填充homeSelect，hedgeSelect例如，選擇一個下拉列表并選擇另一個下拉列表，然后再次選擇其中之一?？雌饋砗孟駠衣浜罅艘徊剑也恢廊绾巫屗l揮作用。如有任何幫助，我們將不勝感激，謝謝。