React.memo回调仅在init上调用,不再调用

时间:2019-12-11 00:06:00

标签: javascript react-native

我在SectionList页脚中有一个项目,就像这样:

<SectionList
    sections={[]}
    renderItem={(payload) => <Fragment/>}
    ListFooterComponent={() => {
        return <BasicInfo />
    }}
/>


const BasicInfo = (props) => {
    console.log("RENDER") // keeps rendering, for some reason.
    return <Fragment/>
}
export default React.memo(BasicInfo, (prevProps, nextProps) => {
    console.log('React memo callback') //never gets called beyond one time.
    return true
})

BasicInfo不使用任何道具,但是每次我的SectionList渲染时,它都会连续渲染(我有一个计时器)。我希望它停止渲染,并尊重React.memo。但是,React.memo中的回调不会在首次点击后触发。

我也尝试过将其转换为类(以及PureComponent)。 shouldComponentUpdate永远不会被呼叫。

0 个答案:

没有答案