如何在另一個組件中使用一個組件的功能？ （反應）

Question

我想在另一個組件的Footer類中使用函數setCount() 。 但是我收到一個錯誤，我不知道為什么。 類頁腳：

export default class Footer extends Component {
    setCount()
        {
            //code
           }
    

    render() {
        return (
<div >
//code
        
</div>
        );
    }
}

TodoItem 類：

import footer from "./Footer"


@observer
class TodoItem extends Component {
   

  ontoggle=()=>{
    this.props.todo.toggle();
    footer.setCount() //this line get an error
   
  }
  render(){
    const {todo} =this.props
  
      return(

       //code

      )
  }
}

類型錯誤： TypeError: _Footer__WEBPACK_IMPORTED_MODULE_8__.default.setCount is not a function

我該如何解決？

Answer 1

您可以將setCount方法設為靜態以使其工作。 但是，靜態方法無法訪問this關鍵字。