Используйте функцию, которая была передана реквизитом и не связана с данным событием в качестве клика

Question

Доброе утро, сообщество, у меня есть вопрос. Я работаю с реагировать JS, и я должен передать функцию через реквизит для дочернего компонента. Вопрос заключается в том, что эта функция не будет напрямую связана с щелчком, но я должен ее использовать, но применяя некоторую логику в дочернем компоненте, и в случае выполнения условия запускаем указанную функцию, переданную реквизитом. Может ли то, что я говорю, быть выполнено или всегда функция, которая проходит сама по себе, должна быть связана с функцией стрелки и данным событием?

export default father extends Component{
    const fun = () => {
      console.log("hello")
    }

  render(){
   return(
    <Child fun = {this.fun} />
   )
  }

export default child extends Component{
    this.state = {
        count : 1
    }
    const thing = () => {
        const { count } = this.state
        if(count == 1){
            this.props.fun
        }else{
            console.log("is not 1")
        }
    }
    render(){
      return(
        <Button onPress = {() => this.thing()} />
     )
   }
}

Это довольно плохой пример, но это что-то похожее на то, что я хочу сделать

Answer 1

Да, то, что вы написали, может быть сделано. Функция, которую вы передаете как реквизит, может быть выполнена условно, как обработчик события, или не выполнена вообще. Как только вы передадите его в качестве реквизита, вам решать, как вы хотите его использовать.