如何使用FlowType继承类？

Question

Use React(ReactNative).

Want to inherit Component class, but in that case happen trouble with flow error.

TryFlow

/* @flow */

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

type commonProps ={
  actions: Object,
};

type someProps = commonProps & {
  someNumber: number,
};

class CustomComponent extends Component<commonProps> {
  static defaultProps: {};
  props: commonProps;
}

class MyComponent extends CustomComponent {
  props: someProps;

  render() {
    return (
      <Text>{this.props.someNumber}</Text>
    );
  }
}

What to do???

Answer 1

I guess you should set type annotation for classes. Like this:

class CustomComponent<commonProps> extends Component<Props, State> {
   static defaultProps: {};
   props: commonProps;
}