Question

我试图动态地绘制出来自wordpress rest api的响应。我遇到的问题是我的反应看起来像这样：

 (2) [{…}, {…}]
0
:
{id: 18, date: "2018-05-02T14:31:37", date_gmt: "2018-05-02T14:31:37", guid: {…}, modified: "2018-05-02T14:51:14", …}
1
:
{id: 17, date: "2018-05-02T14:31:18", date_gmt: "2018-05-02T14:31:18", guid: {…}, modified: "2018-05-02T14:51:23", …}
length
:
2
__proto__
:
Array(0)

这两个对象中都有另一个名为acf的对象，其中包含我要渲染的字段。

这就是我想要渲染字段的方式：

const dateData = [
{
  date: '18-04-23',
  time: '9pm',
  title: 'MGM Grand Garden Arena',
},
{
  date: '18-04-23',
  time: '9pm',
  title: 'MGM Grand Garden Arena',
},
{
  date: '18-04-23',
  time: '9pm',
  title: 'MGM Grand Garden Arena',
},
]

  const dateRender = dateData.map((t, i) => (
    <div key={i} className="date-item">
      <p>{t.date}</p>
      <p>{t.time}</p>
      <p>{t.title}</p>
    </div>
  ));

但它无法正常工作，因为acf字段嵌套在两个不同的对象中。这样做的目的是用户应该能够在wordpress仪表板中添加新日期，并且应该动态地将其渲染出来。有什么提示吗？

谢谢！

从wordpress rest api动态渲染ACF字段

0 个答案: