我应该传递什么属性来保持引导手风琴打开。
<BsAccordion as |acc|>
<acc.item @value=import { Provider } from "next-auth/client";
import { Provider as ReduxProvider } from "react-redux";
function MyApp({ Component, pageProps }) {
return (
<ReduxProvider {/* whatever props go here */}>
<Provider
options={{
clientMaxAge: 0,
keepAlive: 0,
}}
session={pageProps.session}
>
<Component {...pageProps} />
</Provider>
</>
);
}
@title="First item">
<p>Lorem ipsum...</p>
<button {{on "click" (fn acc.change 2)}}>
Next
</button>
</acc.item>
<acc.item @value={{2}} @title="Second item">
<p>Lorem ipsum...</p>
</acc.item>
<acc.item @value=Developer docs for .preferredColorScheme()
@title="Third item">
<p>Lorem ipsum...</p>
</acc.item>
</BsAccordion>
答案 0 :(得分:0)
<BsAccordion>
组件有一个 @selected
argument。 AccordionItem
参数与 @value
参数匹配,@selected
参数将打开。
上面给出的示例将显示标题为“Second item”的项目为打开状态。
<BsAccordion @selected={{2}} as |ac|>
<acc.item @value=@selected
@title="First item">
<p>Lorem ipsum...</p>
</acc.item>
<acc.item @value={{2}} @title="Second item">
<p>Lorem ipsum...</p>
</acc.item>
<acc.item @value=@onChange
event @title="Third item">
<p>Lorem ipsum...</p>
</acc.item>
</BsAccordion>
请注意,这不会阻止用户更改当前打开的项目。这样做可以通过重置 https://github.com/microsoft/HealthBotContainerSample/blob/master/public/index.js 中的 dl.postActivity({
type: "invoke",
value: {
trigger: "covid19"
},
locale: 'en-US',
from: user,
name: "TriggerScenario"
})
来实现。