使用由 props 传递且不作为点击与给定事件关联的函数

Question

早上好社区，我有一个问题。我正在使用 react js，我必须通过 props 将函数传递给子组件。问题是这个函数不会直接与点击相关联，但我必须使用它，但在子组件中应用一些逻辑，如果满足条件，启动 props 传递的所述函数。我所说的可以完成还是始终自行传递的函数必须与箭头函数和给定事件相关联？

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

是的，你写的东西可以完成。作为 props 传递的函数可以有条件地执行、作为事件处理程序执行，或者根本不执行。一旦你把它作为道具传递，它完全取决于你想如何使用它。