我正在嘗試使用 Redux 中的數據實現 Material-UI Select 組件，以允許選擇在刷新時保持不變。我在 Redux 中有兩個數據sourceTags數組：數組，它是我的可點擊菜單選項列表，以及我的selectedTags數組，其中包含選定的選項（用戶點擊的選項）。Material-UI 組件的 api 在這里。該組件如下所示：import React, { useEffect, useState } from 'react';import { Select, Input, MenuItem } from "@material-ui/core";import { useDispatch, useSelector } from "react-redux";import { setTags } from "../actions/search";const MultiChipSelect = ({ source }) => {    const dispatch = useDispatch();    const selectedTags = useSelector(state => state.search.tags);    const sourceTags = useSelector(state => state.settings[source].tags);    const handleTagClick = async (e) => {        dispatch(setTags(e.target.value)); // Sets my searchTags list in Redux.        // The e.target.value is an array of objects, or an empty array.    };    return (        <Select        multiple        value={selectedTags}        onChange={handleTagClick}        input={<Input id="select-multiple" />}        >        {sourceTags.map(val => (            <MenuItem key={val._id} value={val}>            {val.data}            </MenuItem>        ))}        </Select>    );}export default MultiChipSelect;該組件至少部分工作。這是我進行選擇時的樣子：redux 商店也正在正確更新。很高興分享動作生成器和減速器，但這不是問題。問題是，當我刷新頁面時，selectedTags 數組沒有顯示在組件中。對象確實出現在選擇組件內，但沒有出現：我如何重構這個 Material-UI 組件以正確地從我的 Redux 存儲中提取數據，并在刷新中保留顯示的選擇，而不是依賴于沒有的useState鉤子，如示例所示？對于上下文，這是使用useState鉤子的樣子。請記住，這不會在刷新之間保留選擇：import React, { useState } from 'react';import { Select, Input, MenuItem } from "@material-ui/core";import { useSelector } from "react-redux";const MultiChipSelect = ({ source }) => {    const sourceTags = useSelector(state => state.settings[source].tags);    const [tags, setTags] = useState([]);    const handleTagClick = async (e) => {        setTags(e.target.value); // Sets my tags list.    };