javascript - 为什么我们不经常在 react-native 中使用继承？

Question

在react-native中我们一般不会去extend all-ready built in objects，而在swift、java等其他编程语言中，我们经常使用继承。 react-native中使用类继承的缺点是什么

export default class A extends Component 
{
}

export default class B extends A
{

}

Answer 1

只需扩展您的组件以创建子组件。

class Label extends React.Component{
  constructor(props){
    super(props);
    this.className='plain-label';
  }
   render(){
     return <span className={this.className}>
        {this.props.children} 
      </span>
   }
}


class SmallLabel extends Label{
  constructor(props){
    super(props);
    this.className = this.className + ' small-label';
  }
}

然后使用它:

class Main extends React.Component{
    render(){
      ....
      <Label> Plain Label </Label>
      <SmallLabel> SmallLabel </SmallLabel>
    }
}

在大多数情况下都是继承——只是不是一个可行的解决方案。因为通过继承扩展组件或多或少会导致某些情况下，行为无法无缝结合。但是，通过组合，这是可能的。

检查此链接:https://reactjs.org/docs/composition-vs-inheritance.html