Question

我正在查看我的wordpress网站上的JSON输出，并且试图将帖子的精选图片拖到我的应用中。但是，我在一个节点名称中遇到了一个“：”问题。

节点名称为'wp：featuredmedia'，我正在尝试提取位于其下的href。

在我的本机代码中，我有：

Highcharts.chart('container', {
  chart: {
    type: 'area',
    margin: [100,100,100,100],
    events: {
      load: function () {
        var ren = this.renderer,
        rightArrow = ['M', 0, 0, 'L', -5, 5, 'M', 0, 0, 'L', -5, -5],
        leftArrow = ['M', 0, 0, 'L', 5, -5, 'M', 0, 0, 'L', 5, 5],
        topArrow = ['M', 0, 0, 'L', 5, 5, 'M', 0, 0, 'L', -5, 5],
        bottomArrow = ['M', 0, 0, 'L', 5, -5, 'M', 0, 0, 'L', -5, -5];
        ren.path(rightArrow).attr({'stroke-width': 2,stroke: "black"}).translate(600,350).add();
        ren.path(leftArrow).attr({'stroke-width': 2,stroke: "black"}).translate(100,350).add();
        ren.path(topArrow).attr({'stroke-width': 2,stroke: "black"}).translate(350,100).add();
        ren.path(bottomArrow).attr({'stroke-width': 2,stroke: "black"}).translate(350,600).add();
      }
    }
  },
  title: false,
  tooltip: false,
  xAxis: {
    offset: -250,
    gridLineWidth: 1,
    min: -100,
    max: 100,
    tickInterval: 10,
    labels: false,
    lineColor: 'black',
    lineWidth: 2,
    title: false
  },
  yAxis: {
    offset: -250,
    gridLineWidth: 1,
    min: -100,
    max: 100,
    tickInterval: 10,
    labels: false,
    lineColor: 'black',
    lineWidth: 2,
    title: false
  },
  plotOptions: {
    area: {
      lineWidth: 1,
      allowPointSelect: false
    },
    series: {
      marker: {
        states: {
          hover: {
            enabled: false
          }
        }
      }
    }
  },
  series: [{
    data: [[1,1],[1,55],[55,55],[55,1],[1,1]]
  }, {
    data: [[-1,1],[-1,25], [-25,25], [-25,1],[-1,1]]
  }, {
    data: [[-1,-1],[-1,-35],[-35,-35],[-35,-1],[-1,-1]]
  }, {
    data: [[1,-1],[1,-15],[15,-15],[15,-1],[1,-1]]
  }]
});

有什么办法解决这个问题吗？

      <Image
          source={item.wp:featuredmedia.href}
          />

Answer 1

如果它是JSON对象，则可以像这样item["wp:featuredmedia"].href

那样访问它

Answer 2

可以尝试：

      const href = "wp.featuredmedia"; // this is a string
     <Image
        source={item[href].href}
      />

请问双引号；我通过手机回答了

Answer 3

您可以使用方括号表示法： item['wp:featuredmedia'].href

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Property_Accessors

当它是JSON节点名称的一部分时，如何处理“：”？

3 个答案: