我是本机反应的新手,我从服务器获取数据,并且必须根据数据更新UI元素,就像更改背景颜色或隐藏图像一样。为了实现这种方式,我应该遵循哪种方法,现在我正尝试使用redux来实现它,但是由于某种原因无法更新redux中的特定项,因为在redux中我存储了Json数据。我尝试更新,但仍然没有运气来更新redux。
基本上,如果我自动从服务器获取任何数据(如通知或其他数据),我想在每个屏幕上更新UI。
请帮助我决定实施此方法的更好方法。
谢谢。
依赖项:
"dependencies": {
"firebase": "^5.0.3",
"lodash": "^4.17.11",
"prop-types": "^15.6.2",
"react": "16.4.1",
"react-native": "0.56.0",
"react-native-elements": "^0.19.1",
"react-native-keyboard-aware-scroll-view": "^0.8.0",
"react-native-navigation": "^2.3.0",
"react-native-segmented-control-tab": "^3.3.1",
"react-native-size-matters": "^0.2.1",
"react-native-vector-icons": "^6.1.0",
"react-redux": "^6.0.0",
"redux": "^4.0.1"
},
"devDependencies": {
"babel-jest": "23.6.0",
"babel-polyfill": "^6.26.0",
"babel-preset-react-native": "5.0.2",
"jest": "23.6.0",
"react-test-renderer": "16.4.1"
},
答案 0 :(得分:1)
如果使用Redux,请尝试根据其状态制作组件。假设您要更改组件的颜色。您可以使用prop来使组件颜色动态化,执行状态更改调度动作时,reducer会将新状态返回给组件。组件应基于该状态进行渲染。 查看this文章,您会得到它。