我刚开始对React中的渲染过程感到困惑。
假设我有一个高阶组件,如下所示:
const withHOC = () => WrapperComponent => {
return class WithHOC extends React.Component {
render() {
//someProps => what will change...
//...rest => won't change
const { someProps, ...rest } = this.props
return(
<WrapperComponent {...rest} />
)
}
}
}
这就是我很困惑的地方..。随着someProps
的改变,专案本身也会重新呈现。这是否意味着WrappedComponent也将被重新呈现?
我是说WrappedComponent的道具不会变。这能有多贵?
发布于 2018-08-28 11:41:52
当你认为临时反应只是一个父组件时,了解它并不是什么大不了的事情。
现在,猜猜当子组件从父组件接收道具时会发生什么?。
子组件将被重新呈现。
父组件呈现发生了什么?
父组件也会重新呈现,因为它的道具会发生变化。
同样的情况也适用于专案小组。因此,每当道具/状态发生变化时,WrapperComponent也会重新呈现。
https://stackoverflow.com/questions/52065098
复制相似问题