Reactのモデルのメモ

モデルでの配列の渡し方

eg)familyの中にchildが複数人存在する時

models/family.js

this.children = (children || []).map(data => Child.newChild(data))

渡したいものが一つではないとき、配列で受け取ったパラメータにmap処理でArray(Childモデルのインスタンスの配列という意味)が渡るようにする。

継承

accountモデルを継承したchildモデル

export default class Account {
  constructor({
    id,
    nickname,
    email,
  }) {
    this.id = id
    this.nickname = nickname
    this.email = email
  }

  static newFromApiResponse = data => {
    return new Account(transformSnakeToCamel(data))
  }
}

// ここからchildモデル
export class Child extends Account {
  constructor(params) {
    super(params)
    this.type = "child"
  }

  static newFromApiResponse = data => {
    return new Child(transformSnakeToCamel(data))
  }
}

paramsを引数としてsuperでaccountモデルにあるデータを継承する