首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >渲染过程是如何反应的?

渲染过程是如何反应的?
EN

Stack Overflow用户
提问于 2018-08-28 11:36:02
回答 1查看 145关注 0票数 0

我刚开始对React中的渲染过程感到困惑。

假设我有一个高阶组件,如下所示:

代码语言:javascript
运行
AI代码解释
复制
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的道具不会变。这能有多贵?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-08-28 11:41:52

当你认为临时反应只是一个父组件时,了解它并不是什么大不了的事情。

现在,猜猜当子组件从父组件接收道具时会发生什么?

子组件将被重新呈现。

父组件呈现发生了什么?

父组件也会重新呈现,因为它的道具会发生变化。

同样的情况也适用于专案小组。因此,每当道具/状态发生变化时,WrapperComponent也会重新呈现。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52065098

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档