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 (将#修改为@)