组件有渲染方法，但没有扩展 React.Component

Question

Component appears to have a render method, but doesn't extend React.Component. This is likely to cause errors. Change <Test> to extend React.Component instead

Using the extends-classes library causes a react component to fail rendering with the above error. I'd like to compose a class featuring the React.Component methods and some other methods contained in a different class so I can split my code more concisely.

Example:

class Test extends classes (React.Component, OtherTestClass) {
}

Is there a way to suppress the error or is there some other strategy I should consider?

Answer 1

I wouldn't have expected this to work to begin with. Let's examine how this extends-classes library works.

The classes function returns a dummy class that within its constructor goes through all classes listed as arguments to the classes function and copies over all functions and properties to the aforementioned dummy class. It then calls the constructor of all classes.

tl;dr: it mashes everything together so the class you're actually extending from is not an actual instance of React.Component . Which is most likely why you're getting this error.

Don't fight the language. The language doesn't support multi inheritance. May I suggest you use composition over inheritance instead?