interface State {
isOpen: boolean
}
// 初始值

// 函数组件
const ShoppingCar: React.FC = ({isOpen}) => {
const value = useContext(appContext);
const handleClick = (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {
// console.log(e.target)
// console.log(e.currentTarget)
if ((e.target as HTMLElement).nodeName == “SPAN”) {
console.log(isOpen)
isOpen = !isOpen
console.log(isOpen)
}
}

return (
    <div className={styles.cartContainer}>
        <button className={styles.button} onClick={handleClick}>
            <FiShoppingCart/>
            <span>购物车 {value.shoppingCart.items.length} (件)</span>
        </button>
        这里的isOpen一直不能改变状态 无法通过点击获取下拉列表
        <div className={styles.cartDropDown} style={{display: isOpen ? "block" : "none"}}>
            <ul>
                {value.shoppingCart.items.map((i) => (
                    <li>{i.name}</li>
                ))}
            </ul>
        </div>
    </div>
);

}

问题：
isOpen一直不能改变状态 无法通过点击获取下拉列表