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

Question

I want to use a function setCount() in the class Footer in another component. But I get an error that I do not know why. class Footer:

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

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

class 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

      )
  }
}

type error: TypeError: _Footer__WEBPACK_IMPORTED_MODULE_8__.default.setCount is not a function

How can I fix it?

Answer 1

You can make setCount method as static in order to make it work. However, a static method cannot access this keyword.