javascript - React Native Redux Connect 不会打开 android.js 或 ios.js 扩展

Question

我试图让我的连接器以一种干净且易于阅读的方式为 Android 和 iOS 平台打开一个组件。对我来说，这是将 component.android.js 和 component.ios.js 扩展用于主要不同的东西，比如滑入式抽屉上的标签等。

是的，我知道我可以创建条件的 Platform 对象，但是我真的很想从 ES6 模块的角度来看它是干净的，我不认为条件导入语句是干净的，甚至是不可能的。

'use strict'

import { connect } from 'react-redux';

import DashboardView from './DashboardView';


/* Mapping */

const mapStateToProps = state => {
	return {
		display: state.app.deviceInformation,
	}
}

const mapDispatchToProps = (dispatch, props) => {
	return {}
}
 
export default connect(mapStateToProps, mapDispatchToProps)(DashboardView);

同样，我在这里想要的是让 DashboardView 自动知道如果在 Android 中它应该打开 DashboardView.android.js 而在 iOS 上显然是 DashboardView.ios.js

无论如何，对我来说，处理单独的 UI 组件会更干净。

Answer 1

我偶然发现了正确的答案。认为值得在这里记录。

我将DashboardView.android.js&DashboardView.ios.js文件名改为index.android.js&index.ios.js

现在像魅力一样工作，一切都很好。