我刚刚开始使用 Headless UI。我正在尝试使用 Headless UI 中的 Disclosure 组件来呈现我的工作体验。基本上,我需要“n”个将动态呈现的披露,并且每当打开一个披露时,其他披露就应该关闭。
我能够动态地呈现披露,并且它们都有各自的状态。(打开/关闭披露不会影响其他披露)。我想做的就是一次只公开一项披露。打开另一项披露应关闭所有剩余的披露。我已经浏览了他们的文档,但找不到一起管理多个披露状态的方法。
这是我的代码:
import React, { useContext } from "react";
import { GlobalContext } from "../data/GlobalContext";
import { Tab, Disclosure } from "@headlessui/react";
import ReactMarkdown from "react-markdown";
const Experience = () => {
const { data } = useContext(GlobalContext);
const expData = data.pageContent.find(
(content) => content.__component === "page-content.experience-page-content"
);
return (
<div className="container h-screen">
<div className="flex h-full flex-col items-center justify-center">
<h3 className="">{expData.pageTitle}</h3>
<div className="flex min-h-[600px] flex-col">
{expData.jobs.map((job, i) => (
<Disclosure …Run Code Online (Sandbox Code Playgroud) 我正在尝试实现 firebase 提供的 phone_auth,但它会抛出这些错误并在调用 FirebaseAuth.instance.verifyPhoneNumber() 时强制关闭。
E/zza (12829): Problem retrieving SafetyNet Token: 7:
W/ActivityThread(12829): handleWindowVisibility: no activity for token android.os.BinderProxy@28af8e3
W/mesecure.wmsap(12829): Accessing hidden method Lsun/misc/Unsafe;->getInt(Ljava/lang/Object;J)I (greylist, linking, allowed)
W/mesecure.wmsap(12829): Accessing hidden method Lsun/misc/Unsafe;-
>getObject(Ljava/lang/Object;J)Ljava/lang/Object; (greylist, linking, allowed)
W/mesecure.wmsap(12829): Accessing hidden method Lsun/misc/Unsafe;-
>putObject(Ljava/lang/Object;JLjava/lang/Object;)V (greylist, linking, allowed)
W/mesecure.wmsap(12829): Accessing hidden method Lsun/misc/Unsafe;->putInt(Ljava/lang/Object;JI)V (greylist, linking, allowed)
W/mesecure.wmsap(12829): Accessing hidden method Lsun/misc/Unsafe;->objectFieldOffset(Ljava/lang/reflect/Field;)J (greylist,core-platform-api, linking, allowed)
W/mesecure.wmsap(12829): Accessing hidden method Lsun/misc/Unsafe;->getLong(Ljava/lang/Object;J)J (greylist,core-platform-api, linking, allowed)
.
.
D/DecorView(12829): onWindowFocusChangedFromViewRoot hasFocus: true, DecorView@5ad02b8[RecaptchaActivity]
D/AndroidRuntime(12829): Shutting down …Run Code Online (Sandbox Code Playgroud) firebase firebase-authentication flutter flutter-dependencies