ReactNative踩坑日志——如何实现删除scrollview中的视图

在reactNative中，页面是根据state值的变化来重新渲染的。因此，传统的前端开发中通过 id 来移除一个页面元素的做法在这里不适用。

一般，我们是通过遍历数组或map来渲染出scrollview的，因此，删除scrollview中一个视图可以通过在渲染页面之前删除数组或map中对应的数据来实现。

这里需要用到state值以及componentWillMount()方法——state值根据页面操作事件进行变化，触发页面重新渲染；componentWillMount()进行数组或map元素的操作，在组件render()调用之前改变需要呈现的数据即可。

例如：删除goods数组中的某个元素：

componentWillUpdate(){

        goods.forEach( ( item, i ) => {

            if(item.number==0){

                goods.splice(i,1)

            }

        } );

    }

巴特西

ReactNative踩坑日志——如何实现删除scrollview中的视图

最新文章

热门文章