在 react-jsonschema-form 中具有必填字段的可选对象

Question

给定如下所示的 json 模式，react-jsonschema-form 验证器本质上需要 shipping_address 和 billing_address，即使 billing_address 未按要求列出。这是因为 address 类型需要它的所有三个属性。如何使 billing_address 可选？似乎 react-jsonschema-form 应该简单地不提交 billing_address 如果不是所有的 address 属性都被填写。这是一个 link 到 react-json模式形式的游乐场。

{
  "definitions": {
    "address": {
      "type": "object",
      "properties": {
        "street_address": {
          "type": "string"
        },
        "city": {
          "type": "string"
        },
        "state": {
          "type": "string"
        }
      },
      "required": [
        "street_address",
        "city",
        "state"
      ]
    }
  },
  "type": "object",
  "properties": {
    "billing_address": {
      "title": "Billing address",
      "$ref": "#/definitions/address"
    },
    "shipping_address": {
      "title": "Shipping address",
      "$ref": "#/definitions/address"
    }
  },
  "required": [
    "shipping_address"
  ]
}

Answer 1

您可以使用 dynamic schema dependencies to make the billing address conditionally displayed and required. This isn't the same as having an optional object but seem to suffice if you're willing to have a slightly different user experience. Here is a link 到 react-jsonschema-form 游乐场。在我看来，最好在禁用实时验证的情况下查看（页面右上角有一个复选框）。

{
  "definitions": {
    "address": {
      "type": "object",
      "properties": {
        "street_address": {
          "type": "string"
        },
        "city": {
          "type": "string"
        },
        "state": {
          "type": "string"
        }
      },
      "required": [
        "street_address",
        "city",
        "state"
      ]
    }
  },
  "type": "object",
  "properties": {
    "different_addresses": {
      "title": "My billing address is different than my shipping address.",
      "type": "boolean",
      "default": false
    },
    "shipping_address": {
      "title": "Shipping address",
      "$ref": "#/definitions/address"
    }
  },
  "required": [
    "shipping_address"
  ],
  "dependencies": {
    "different_addresses": {
      "oneOf": [
        {
          "properties": {
            "different_addresses": {
              "enum": [
                false
              ]
            }
          }
        },
        {
          "properties": {
            "different_addresses": {
              "enum": [
                true
              ]
            },
            "billing_address": {
              "title": "Billing address",
              "$ref": "#/definitions/address"
            }
          },
          "required": [
            "billing_address"
          ]
        }
      ]
    }
  }
}

Answer 2

我的问题与您的 JSON 架构有关。

我需要将父对象的“孙子”作为依赖项的目标。这可能吗？如果 "different_addresses" 是一个对象。

例如:

"dependencies": {
  "different_addresses": {
    "properties": {
      "OTHER_FIELD": {
        "oneOf": [
          {
            "properties": {
              "different_addresses": {
                "properties": {
                  "OTHER_FIELD": {
                    "enum": [
                      false
                    ]
                  }
                }
              }
            }
          }
        ]
      }
    }
  }
}

在 react-jsonschema-form 中具有必填字段的可选对象

Optional object with required fields in react-jsonschema-form

forms

jsonschema

reactjs

json-schema-validator