小编Bra*_*ish的帖子

React Grommet Select - 将对象数据作为选项传递

我正在使用 Grommet v2 组件并尝试镜像 Grommet 故事书中 Select 'Seasons' 示例中使用的显示。

该字段显示如下:

不同之处在于我的数据需要将标签和值分开:

const Options = [
   {
     label: "S01",
     value: "283736"
   },
   {
     label: "S02",
     value: "293774"
   },
Run Code Online (Sandbox Code Playgroud)

而不是使用默认值:

const Options = [
  "S01",
  "S02",
Run Code Online (Sandbox Code Playgroud)

这是Codesandbox上的示例

对象格式在 Grommet 的故事书中的 ObjectMultiSelect 示例中使用。我发现 Select 组件需要 labelKey="label"并将valueKey="value"对象加载为选项,但是添加这两个道具似乎破坏了组件选项。

我希望传入的数据类似于

const Options = [
   {
     label: "S01",
     value: "283736"
   },
   {
     label: "S02",
     value: "293774"
   },
Run Code Online (Sandbox Code Playgroud)

并且仍然有如上显示的选项。

reactjs grommet

6
推荐指数
1
解决办法
1367
查看次数

lodash过滤器在Shopify订单的多维数组中找不到值

在处理之前查看订单line_item是否已退款...

这是一个单一订单:

var order = {
  line_items: [
    {
      id: 1326167752753
    }
  ],
  refunds: [
    {
      refund_line_items: [
        {
          id: 41264152625,
          line_item_id: 1326167752753,
        }
      ]
    }
  ]
};
Run Code Online (Sandbox Code Playgroud)

试图注销过滤结果:

console.log(
  _.filter(order, {
    refunds: [
      {
        refund_line_items: [
          {
            line_item_id: 1326167752753
          }
        ]
      }
    ]
  }).length
);
Run Code Online (Sandbox Code Playgroud)

0上了控制台.

我在这种情况下使用_.filter错了吗?

javascript arrays shopify lodash

5
推荐指数
1
解决办法
99
查看次数

标签 统计

arrays ×1

grommet ×1

javascript ×1

lodash ×1

reactjs ×1

shopify ×1