react-sku

react-SKUs Here is demo

Demo & Examples

Clone this repo then run:

npm install
npm start

Then open localhost:8080 in a browser.

If you want to use this react-SKUs, your data should like these:

Attributes (商品属性)

[
  {
    "title": "Place of production",
    "childAttr": [{
      "title": "China",
      "id": 121
    }, {
      "title": "Korea",
      "id": 120
    }, {
      "title": "Indonesia",
      "id": 24
    }, {
      "title": "Japan",
      "id": 23
    }, {
      "title": "America",
      "id": 22
    }]
  },
  {
    "title": "Other",
    "childAttr": [{
      "title": "陈奕迅",
      "id": 20
    }, {
      "title": "陈冠希",
      "id": 19
    }]
  }
]

stocks (库存)

[
  {
    "attribute": [{
      "title": "Color",
      "childAttr": {
        "title": "White",
        "id": 11
      }
    }, {
      "title": "Size",
      "childAttr": {
        "title": "41",
        "id": 13
      }
    }, {
      "title": "Other",
      "childAttr": {
        "title": "陈奕迅",
        "id": 20
      }
    }, {
      "title": "Place of production",
      "childAttr": {
        "title": "America",
        "id": 22
      }
    }],
    "price": 0.01,
    "count": 21
  },
  {
    "attribute": [{
      "title": "Color",
      "childAttr": {
        "title": "Blue",
        "id": 9
      }
    }, {
      "title": "Size",
      "childAttr": {
        "title": "42",
        "id": 14
      }
    }, {
      "title": "Other",
      "childAttr": {
        "title": "陈奕迅",
        "id": 20
      }
    }, {
      "title": "Place of production",
      "childAttr": {
        "title": "America",
        "id": 22
      }
    }],
    "price": 0.01,
    "count": 11
  }
]