Reactjs react中是否有类似usecallback的函数可以添加到基于类的组件中?
子组件保持重新排序,因为我正在从基于类的组件(父组件)传递handlderfunction。如何防止子组件重新招标 这是我的代码:Reactjs react中是否有类似usecallback的函数可以添加到基于类的组件中?,reactjs,react-redux,react-hooks,Reactjs,React Redux,React Hooks,子组件保持重新排序,因为我正在从基于类的组件(父组件)传递handlderfunction。如何防止子组件重新招标 这是我的代码: render() { const eventClickHandler = (activity) => { this.props.dispatchGetActivityDetails(activity.id); } return ( <ChildComponentHere eventClickHan
render() {
const eventClickHandler = (activity) => {
this.props.dispatchGetActivityDetails(activity.id);
}
return (
<ChildComponentHere eventClickHandler={eventClickHandler} />
);
}
在渲染外部将函数定义为类方法
eventClickHandler = (activity) => {
this.props.dispatchGetActivityDetails(activity.id)
}
render() {
return (
<ChildComponentHere eventClickHandler={this.eventClickHandler} />
);
}
eventClickHandler=(活动)=>{
this.props.dispatchGetActivityDetails(activity.id)
}
render(){
返回(
);
}
子组件继续重新渲染的原因是您正在父组件的每个渲染上创建一个新的
eventClickHandler
函数,该函数在引用上与在上一个渲染中创建的函数不同。将其移动到渲染外部
eventClickHandler = (activity) => {
this.props.dispatchGetActivityDetails(activity.id)
}
render() {
return (
<ChildComponentHere eventClickHandler={this.eventClickHandler} />
);
}