我正在尝试根据传递给页面的 prop 获取特定的 JSON 文件。
var data = require('./../mock-data/items/item_' + this.props.id + '.json');
但这失败并给出以下错误消息。
未处理的 JS 异常：需要未知模块“./../mock-data/items/item_2.json”。如果您确定模块在那里，请尝试重新启动打包程序。
这是什么原因造成的？任何解决方法？
【问题讨论】：
标签： json react-native
在 React Native 中不允许动态请求模块。您需要创建一个需要您需要的文件的开关/方法/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
【讨论】：