React.jsでComponentを継承したクラスを更に継承する事は可能でしょうか。

Question

React.jsでReact.Componentクラスを継承したクラスを継承する事は可能でしょうか。

react-sanfona( https://github.com/daviferreira/react-sanfona )
上記ライブラリのsrc/AccordionItemクラスを引き継いで見たのですが、
プロパティがNULLになっているというエラーが発生してしまいます。

上記クラスはComponentクラスを引き継いでいるので問題ないかと思ったのですが、
何か特別記述すべき部分などがあるのでしょうか。

AccordionItemクラスを継承したクラスは以下の様な記述になります。

class Hoge extends AccordionItem {

  render() {
    return (
      <AcordionItem ...>
    )
  }
}

初心者なので簡単な質問で恐縮かもしれないですが、わかる方がおりましたらご教示お願いいたします。

Comments

[退会済みユーザー]

AccordionItemクラスを継承したクラスについて詳しく教えてください。

Answer 1

直接的な回答ではないですが・・・

委譲するような感じで利用する方法では何か不都合がありますか？

class Hoge extends Component {

  render() {
    return (
      <AcordionItem ...>
    )
  }
}

Comments

[Oskata]

上記ライブラリでは、Accordionというコンポーネントの内部にAccordionItemというコンポーネントを入れてエクスパンド機能を実現します。しかし、それぞれのコンポーネントを別のクラスに記述するとエクスパンドが機能しなくなってしまいます。
そこで以下の記述にすると解決できないかと考えたのですが、上手く動かすことができませんでした。
```
class Hoge extends AccordionItem {

render() {
return (
<AcordionItem ...>
)
}
}
```

[Meganezaru]

AccordionItemを継承して、どんな機能追加をしたいのか？
が、わかると、具体的な回答が集まるかもしれませんね。