我正在使用 Redux 訂閱商店并更新組件。這是一個(gè)沒有 Redux 的簡(jiǎn)化示例。它使用模型商店進(jìn)行訂閱和分發(fā)。請(qǐng)按照片段下方的步驟重現(xiàn)問題。編輯：請(qǐng)?zhí)礁孪碌牡诙€(gè)演示片段，以獲得更簡(jiǎn)潔和更接近現(xiàn)實(shí)生活的場(chǎng)景。問題不在于 Redux。這是關(guān)于 React 的 setState 函數(shù)標(biāo)識(shí)在某些情況下導(dǎo)致重新渲染，即使?fàn)顟B(tài)沒有改變。編輯 2 ：在“更新 2 ”下添加了更簡(jiǎn)潔的演示。const {useState, useEffect} = React;let counter = 0;const createStore = () => {    const listeners = [];        const subscribe = (fn) => {        listeners.push(fn);        return () => {            listeners.splice(listeners.indexOf(fn), 1);        };    }        const dispatch = () => {        listeners.forEach(fn => fn());    };        return {dispatch, subscribe};};const store = createStore();function Test() {    const [yes, setYes] = useState('yes');        useEffect(() => {        return store.subscribe(() => {            setYes('yes');        });    }, []);        console.log(`Rendered ${++counter}`);        return (        <div>            <h1>{yes}</h1>            <button onClick={() => {                setYes(yes === 'yes' ? 'no' : 'yes');            }}>Toggle</button>            <button onClick={() => {                store.dispatch();            }}>Set to Yes</button>        </div>    );}ReactDOM.render(<Test />, document.getElementById('root'));<div id="root"></div><script src="https://unpkg.com/react/umd/react.development.js"></script><script src="https://unpkg.com/react-dom/umd/react-dom.development.js"></script>怎么了? 單擊“設(shè)置為是”。由于 的值yes已經(jīng)是“yes”，狀態(tài)沒有改變，因此組件不會(huì)重新渲染。? 點(diǎn)擊“切換”。yes設(shè)置為“否”。狀態(tài)已經(jīng)改變，所以組件被重新渲染。? 單擊“設(shè)置為是”。yes設(shè)置為“是”。狀態(tài)再次改變，所以組件被重新渲染。? 再次單擊“設(shè)置為是”。狀態(tài)沒有改變，但組件仍然重新渲染。? 后續(xù)點(diǎn)擊“設(shè)置為是”不會(huì)按預(yù)期導(dǎo)致重新渲染。預(yù)計(jì)會(huì)發(fā)生什么在第 4 步，不應(yīng)重新渲染組件，因?yàn)闋顟B(tài)未更改。