我的状态变量没有更新 - React js

问题描述

export default function Home() {
    const [tooltip,setTooltip] = useState(false);

    return (
        <DeckGL
            initialViewState={viewport}
            controller={true}
            ContextProvider={_MapContext.Provider}
            width="100vw"
            height="100vh"
        >
            <StaticMap
                mapStyle={"mapBox://styles/mapBox/streets-v11"}
                mapBoxApiAccesstoken={MAPBox_ACCESS_TOKEN}
            />
            <Marker
                latitude={currentLocation.lat}
                longitude={currentLocation.long}
            >
                <Flex
                    onMouseEnter={() => setTooltip(true)}
                    onMouseLeave={() => setTooltip(false)}
                >
                    {tooltip ? <Box2 /> : <Box1 />}
                </Flex>
            </Marker>
            )}
        </DeckGL>
    );
}

我知道有很多关于这个问题的答案，但我似乎没有让它起作用。

所以我的地图框上有一个标记，并且有一个状态变量“工具提示”。如果鼠标悬停在标记上并将其设置为 true，当鼠标离开时将其设置为 false。

如果我用 console.log 替换 "setTooltip(true)}" 它可以完美运行，所以我不知道为什么状态没有改变。

如果为真（），我想显示一个框，如果为假，则显示另一个框（）。

我做错了什么？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）