我想从另一个组件中进行重新渲染，以避免“触发组件”重新渲染。

const App = () => {

    const [isPopUpactive,setIsPopUpactive] = useState(false)

    const popUpOnOff = () => {
        if(isPopUpactive)
            setIsPopUpactive(false)
        else
            setIsPopUpactive(true)
    }

    return (
        <div>
            <SomeComponent
                trigger={popUpOnOff}
            />
            <PopUpComponent
                isactive={isPopUpactive}
            />
        </div>
    )
}

我认为用SomeComponent包裹React.memo并在PopUpComponent中更改道具会做到这一点，但是在trigger中调用SomeComponent函数-提供一切。有没有办法避免第一个组件重新渲染？