在React Native中动态指定JSON

妮米拉·希兰亚(Nimila Hiranya)

我正在尝试根据传递给页面的道具来获取特定的JSON文件。

var data = require('./../mock-data/items/item_' + this.props.id + '.json');

但是,此操作失败,并显示以下错误消息。

未处理的JS异常:需要未知模块“ ./../mock-data/items/item_2.json”。如果确定模块在那里,请尝试重新启动打包程序。

是什么原因造成的?任何解决方法?

eyal83

在React Native中不允许动态地请求模块。您需要创建一个switch / method / if / object,它将需要您需要的文件。

// 好的

<Image source={require('./my-icon.png')} />

// 坏的

var icon = this.props.active ? 'my-icon-active' : 'my-icon-inactive'; <Image source={require('./' + icon + '.png')} />

// 好的

var icon = this.props.active ? require('./my-icon-active.png') : require('./my-icon-inactive.png'); <Image source={icon} />

更多信息在这里:https : //facebook.github.io/react-native/docs/images.html

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

React Native中的动态色彩

来自分类Dev

在 React Native 中,如何从 json 数组动态获取平面列表中的键

来自分类Dev

在React Native中动态创建组件

来自分类Dev

React Native 动态样式

来自分类Dev

从React中的JSON数据动态生成列表

来自分类Dev

来自 json GPS API 的 React Native 动态更新状态

来自分类Dev

从React Native中的数组映射功能动态渲染内容

来自分类Dev

在React Native中动态更改图像URL

来自分类Dev

如何在React native中动态设置图像的来源?

来自分类Dev

无法在React Native中动态设置标题标题

来自分类Dev

在React Native App中从WebView打开动态链接

来自分类Dev

根据react-native中的props值动态加载图像?

来自分类Dev

如何在 React Native 中通过点击设置动态样式?

来自分类Dev

在 react-native 中动态更改 View 的背景颜色

来自分类Dev

在 react-native 中动态隐藏导航标题

来自分类Dev

如何从 React Native 中的包动态获取数据

来自分类Dev

在React Native中循环Json和显示

来自分类Dev

JSON对象-在React Native中访问值

来自分类Dev

在React Native中访问对象的JSON数组

来自分类Dev

json文件未在React Native中更新

来自分类Dev

在React Native Navigation中为onPress指定名称或键

来自分类Dev

在 React Native 项目结构中的何处指定 Firebase 东西

来自分类Dev

React Native动态Webview高度

来自分类Dev

创建动态组件 React (Native)

来自分类Dev

React Native 动态更改 drawerLabel

来自分类Dev

React 中的动态需求

来自分类Dev

如何在React中动态调用Json对象

来自分类Dev

如何在React Axios中从WEB API指定JSON数据

来自分类Dev

React Native中的zIndex