React/Redux 表单重新渲染方法答案

【问题标题】：React/Redux Form ReRender MethodReact/Redux 表单重新渲染方法
【发布时间】：2019-02-02 00:42:18
【问题描述】：

我想在项目列表中插入广告块（例如 Google Adsense）。我正在使用 react-redux 和 react-connect。即使我需要刷新提要并重新渲染，我也想只运行一次广告块 div 的渲染。我们有什么办法可以做到这一点？

render(){

    const { feed } = this.props;

    return(

        <div>

            <div class="ad-block"><!-- Need To Render one time --></div>

            <div class="items">

                {_.map(feed.data, item => {

                    return <div class="item">.......</div>

                })}

            </div>

            <div class="ad-block"><!-- Need To Render one time --></div>

    );

}

【问题讨论】：

标签： reactjs redux react-redux rendering redux-form

【解决方案1】：

如何将其拆分为 3 个组件？

export const Something = () => ( 
<>
 <AdBlock>
 <Feed>
 <AdBLock>
<>
);

并通过Redux分别连接Feed。

【讨论】：