在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) } } ); }
本文介绍如何在React Native中通过改变state值实现列表项的动态更新。不同于传统前端使用ID来移除元素的方式,React Native利用state变化触发页面重新渲染,并在componentWillMount()方法中对数据源进行操作。
396

被折叠的 条评论
为什么被折叠?



