Extending react component and an additional class

Question

I was trying to go the simplest way using Object.assign:

import React, { Component } from 'react'
import { StyleSheet, View, Text, Button } from 'react-native'

class MySuperClass {
  firstMethod() {
     console.log("method 1")
  }
}

const a = Object.assign({}, Component, MySuperClass)

  class CategoriesScreen extends a {

    render() {
      return (
        <View>

        </View>
    );
    }
  };

Yet I'm receiving the error :

TypeError: SUper expression must either be null or a function

I researched it but it fits to different cases than this one

How can I extend one object that includes both the MySuperClass and the react Component?

(PLEASE NOTE: I know I can extend Component in MySuperClass as a work around, but I'm interested to know how to achieve it with this approach, thanks)

Tom Slutsky · Accepted Answer · 2020-04-17 10:13:46Z

1

You can do

Object.assign(MySuperClass.prototype, Component.prototype);

here is a more complete example: https://codesandbox.io/s/react-component-with-objectassign-c9es0

edited Apr 17, 2020 at 10:13

answered Apr 17, 2020 at 8:39

Tom Slutsky

7346 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

sir-haver Over a year ago

Thanks but I specifically wrote that I'm aware of this solution already

Tom Slutsky Over a year ago

got you. can you check this snippet: codesandbox.io/s/react-component-with-objectassign-c9es0

Collectives™ on Stack Overflow

Extending react component and an additional class

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related