久久综合久色欧美综合狠狠,欧美亚洲国产第一精品久久

亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

我有一個(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ò)誤的解釋?zhuān)俏业乃阉鳑](méi)有返回結(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>) }