微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

React.js - 使用来自 CMS 的内容创建下拉式手风琴

如何解决React.js - 使用来自 CMS 的内容创建下拉式手风琴

我正在将一个客户端网站从 HTML/JS 重新创建到 React。该网站的一部分涉及一个手风琴,目前从 API 中获取纯 html 字符串并解析为 React 组件。

内容与下面类似。

"<div>
    <dt>Can I track my order?</dt>
    <dd>When Shipping method is DPD,you will be provided a tracking number</dd>
    <dt>How will I kNow if my order has been received?</dt>
    <dd>We will email you confirmation when your order has been accepted</dd>
</div>"

但是我需要将此内容转换为下拉式手风琴,即点击问题将答案放在其下方。

我无法控制这些数据,它来自客户端系统。通常我会把问题放在一个 js 数组中并通过它们映射,用一个状态来确定哪个是打开的,但我什至无法确定哪些是单独的条目。

以前是用 vanila js 完成的,添加删除带有事件监听器的类,但在 React 中不起作用,因为我们不能直接操作 dom。

有人有什么建议吗?

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。