成人无码www免费视频,99久久无色码中文字幕人妻蜜柚

国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

我有一個(gè)看起來(lái)像這樣的元件（非常簡(jiǎn)化的版本）：

const component = (props: PropTypes) => {

    const [allResultsVisible, setAllResultsVisible] = useState(false);

    const renderResults = () => {
        return (
            <section>
                <p onClick={ setAllResultsVisible(!allResultsVisible) }>
                    More results v
                </p>
                {
                    allResultsVisible &&
                        <section className="entity-block--hidden-results">
                            ...
                        </section>
                }
            </section>
        );
    };

    return <div>{ renderResults() }</div>;
}

當(dāng)我載入使用此元件的頁(yè)面時(shí)，出現(xiàn)此錯(cuò)誤：Uncaught Invariant Violation: Rendered more hooks than during the previous render. 我試圖找到此錯(cuò)誤的解釋，但是我的搜尋沒有返回結(jié)果。

當(dāng)我稍微修改元件時(shí)：

const component = (props: PropTypes) => {

    const [allResultsVisible, setAllResultsVisible] = useState(false);

    const handleToggle = () => {
        setAllResultsVisible(!allResultsVisible);
    }

    const renderResults = () => {
        return (
            <section>
                <p onClick={ handleToggle }>
                    More results v
                </p>
                {
                    allResultsVisible &&
                        <section className="entity-block--hidden-results">
                            ...
                        </section>
                }
            </section>
        );
    };

    return <div>{ renderResults() }</div>;
}

我不再收到該錯(cuò)誤。是因?yàn)槲以?renderResults 傳回的 jsx 中包含了 setState 函數(shù)嗎？如果能夠解釋該修復(fù)為何有效，那就太好了。

const Table = (listings) => { const {isLoading} = useSelector(state => state.tableReducer); if(isLoading){ return <h1>Loading...</h1> } useEffect(() => { console.log("Run something") }, []) return (<table>{listings}</table>) }

const Table = (listings) => { const {isLoading} = useSelector(state => state.tableReducer); useEffect(() => { console.log("Run something") }, []) if(isLoading){ return <h1>Loading...</h1> } return (<table>{listings}</table>) }