React 类式组件继承怎么用?

在 React 中，类式组件可以通过继承来实现一些功能和复用。一个类式组件可以继承另一个组件的属性和方法。

下面是一个简单的示例，演示如何使用继承来实现一个自定义的 Button 组件：

class Button extends React.Component {  
    render() {  
        return (  
            <button className="btn">  
                {this.props.children}  
            </button>  
        );  
    }  
}  
  
class MyButton extends Button {  
    render() {  
        return (  
            <button className="my-btn">  
                {this.props.children}  
            </button>  
        );  
    }  
}

在这个示例中，我们定义了一个 Button 组件，它渲染为一个简单的按钮，并且可以接受子元素和 className 属性。然后，我们通过继承 Button 组件来创建一个新的 MyButton 组件，它在渲染时会添加一个额外的 className 属性。

这样，我们就可以在父组件中使用 MyButton 组件，并且它会自动继承 Button 组件的所有属性和方法：

function App() {  
    return (  
        <div>  
            <Button>Button</Button>  
            <MyButton>MyButton</MyButton>  
        </div>  
    );  
}

在这个示例中，我们创建了一个简单的 App 组件，它包含一个 Button 组件和一个 MyButton 组件。我们可以看到，MyButton 组件会自动继承 Button 组件的所有属性和方法，因此我们不需要重新定义它们。

总的来说，继承是 React 中类式组件的一种重要机制，可以让我们实现代码复用和功能扩展。不过，在实践中，我们也需要谨慎使用继承，避免过度使用和滥用。