背景我創(chuàng)建了一個功能齊全的組件。組件有state和props，里面有很多方法。根據操作系統(tǒng)（ios / android），我的組件應該以不同的方式工作。所以我通過if如下語句解決了這個問題。if( platform.os == 'ios') { ... } else { ... }問題是隨著代碼量的增加，可讀性出現問題，我決定為IOS和Android分別制作一個組件。首先想到的是繼承，因為 ES6 和 Typescript 支持類。概念圖是這樣的。然而，React 不推薦繼承。所以我只是要把被 props 覆蓋的函數交給 SpeechIOS 組件的渲染函數中的 Speech 組件。代碼如下。語音.tsxtype Props = {  team: number,  onSpeechResults: (result: string) => void  ...}type States = {  active: boolean;  error: string;  result: string;  ...};export default class Speech extends Component<Props,States> {  state = { ... };  constructor(props: Props) {    super(props);    ...  }  // render  render() {    ...    return (      <ImageBackground source={require("../images/default-background.jpeg")} style={styles.full}>        ...      </ImageBackground>    );  }  sendCommand = (code: number, speed: number, callback?: () => void) => { ... }  getMatchedSpell = (spellWord: string): { code: number, speed: number } => { ... }  onSpeechResults(e: Voice.Results) { ... };  ...}SpeechIOS.tsximport Speech from './Speech';type Props = {}type States = {}export default class SpeechIOS extends Component<Props,States> {  constructor(props: Props) {    super(props);    ...  }  // render  render() {    ...    return ( <Speech team="1" onSpeechResults={this.onSpeechResults}></Speech> );  }  sayHello() {    console.log("Hello!!");  }  // I want that Speech Component call this onSpeechResults function  onSpeechResults(result: string) {    this.setState({...});    let temp = this.getMatchedSpell( ... ); // which is in Speech Component    this.sendCommand( 10, 100 ... ); // which is in Speech Component    this.sayHello(); // which is in SpeechIOS component only    ... other things..  };}問題。如您所見，onSpeechResultsSpeechIOS Component 中的 which 使用 Speech Component 和 SpeechIOS Component 中的一些功能。那么，如何解決這個問題呢？我應該使用繼承嗎？