React Native中export *与箭头函数失效问题求助

看起来你遇到了两个独立但都和模块配置/组件逻辑相关的问题，我来逐个帮你分析解决：

一、userChangedSummary is undefined 的核心原因 #

你代码里有一个很容易忽略的关键错误：你没有把userChangedSummary这个action creator映射到组件的props中！

看你的connect代码：

export default connect(mapStateToProps, { setUserCountry})(SomeComponent);

这里第二个参数（mapDispatchToProps）只传入了setUserCountry，所以userChangedSummary并没有被Redux绑定到组件的props里——不管你怎么导入这个action，它都不会出现在this.props中。

修复步骤： #

1. 改用显式导出替代export *（Metro打包器对显式导出的支持更稳定，避免隐式导出的解析异常）：

   // actions/index.js
   export { userChangedSummary, setUserCountry } from './someDirectory/SomeActionFile';
   

2. 在组件的connect中添加userChangedSummary的映射：

   // 先导入需要的action
   import { setUserCountry, userChangedSummary } from '../../actions';
   
   // 然后在connect中绑定到props
   export default connect(mapStateToProps, { setUserCountry, userChangedSummary })(SomeComponent);
   

3. 清除Metro缓存（避免旧模块缓存导致的异常）：
   在终端运行：

   npx react-native start --reset-cache
   

二、renderYears 未定义的问题 #

你的renderYears是类的实例属性，直接赋值为YearsFuture.map(...)的结果，突然失效可能有以下几个原因：

可能的原因及修复： #

1. YearsFuture 未定义或导入错误：
   检查YearsFuture的定义和导入是否正确，比如是不是拼写错误、导入路径有误。如果是从外部文件导入的，确认：

   import { YearsFuture } from './your-target-path'; // 确保路径和导出方式匹配
   

2. 类属性语法的解析问题：
   虽然React Native默认支持类属性语法，但如果项目配置有变更，可能导致解析失败。可以尝试把renderYears改成类方法：

   renderYears() {
     return YearsFuture.map((item, i) => (
       <Picker.Item key={i} value={item} label={item} />
     ));
   }
   

   然后在render中调用：

   {this.renderYears()}
   

3. 缓存残留问题：
   同样执行清除Metro缓存的命令，旧缓存可能导致类属性无法被正确解析。

额外注意点 #

• 检查onValueToYearChange方法是否已定义，你在Picker的onValueChange中用到了这个方法，但代码里没看到它的定义，这可能是另一个潜在的报错点。
• 如果坚持使用类属性语法，确认项目的Babel配置包含@babel/plugin-proposal-class-properties（React Native默认模板已经集成，但自定义配置时需注意）。

内容的提问来源于stack exchange，提问作者Kamil Kamili