gpt4 book ai didi

react-native - 使用 redux 时如何重新渲染 FlatList React Native

转载 作者:行者123 更新时间:2023-12-04 08:01:31 26 4
gpt4 key购买 nike

我是 React Native 的新手,我在使用 FlatList 时遇到了问题。我将 extraData 分配给 redux 值,但在 redux 更新时它不会重新呈现 FlatList 。我想我应该将它分配给一个本地状态,但是我有太多的重新渲染错误。非常感谢任何帮助我的人!
下面是我的代码

function CartScreen() {
const cart = useSelector((state) => state.cartReducer);
console.log(cart);
const dispatch = useDispatch();

useEffect(() => {
dispatch(cartActions.refreshCartAction(cart));
}, []);

const renderItem = ({ item }) => {
return <CartItem book={item} />;
};

return (
<View>
<FlatList
data={cart}
renderItem={renderItem}
keyExtractor={(item) => item._id.toString()}
extraData={cart}
/>
</View>
);
}

export default CartScreen;

最佳答案

如果全局状态的数据是异步的
你必须这样做

{cart  && <FlatList
data={cart}
renderItem={renderItem}
keyExtractor={(item) => item._id.toString()}
extraData={cart}
/>
}

关于react-native - 使用 redux 时如何重新渲染 FlatList React Native,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66443230/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com