如何在另一个组件中使用一个组件的功能？ （反应）

Question

我想在另一个组件的类setCount()中使用函数Footer。但是我收到一个我不知道为什么的错误。 类Footer：

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关键字。