React 15/Redux：Props变更后组件未重新渲染问题咨询

嘿，先给你个明确结论：你完全不需要把Redux的Props同步到组件内部状态，下拉框没渲染选项的问题和状态无关，是render方法里的一个小疏忽导致的！

核心问题：map函数没有返回元素 #

从你贴的代码和日志来看，componentWillReceiveProps已经正确捕捉到Props更新（agreements从空数组变成了包含4个元素的数组），组件也确实触发了重新渲染，但下拉框里没东西——原因出在这段代码：

{agreements.map((item) => {
  <option value={item.ID}>{item.NM}</option>;
})}

你用大括号{}包裹了map的回调函数体，但没有写return语句，所以这个map遍历后返回的是一个全是undefined的数组，React自然不会渲染任何选项。

快速修复 #

把这段代码改成下面两种写法之一就行：

写法1：省略大括号，直接返回JSX表达式 #

{agreements.map((item) => 
  <option key={item.ID} value={item.ID}>{item.NM}</option>
)}

写法2：保留大括号，显式添加return #

{agreements.map((item) => {
  return <option key={item.ID} value={item.ID}>{item.NM}</option>;
})}

⚠️ 别忘了给每个<option>加上唯一的key属性，这是React列表渲染的强制要求，能避免性能问题和控制台警告。

关于“是否需要更新内部状态”的说明 #

绝对不需要！你的组件已经通过connect和Redux Store绑定，当Store中的agreements更新时，mapStateToProps会自动把最新的数据传递给组件Props，组件会自动触发重新渲染（你已经通过componentWillReceiveProps的日志确认了这一点）。

把Redux的Props同步到组件内部状态反而画蛇添足：不仅增加代码复杂度，还可能导致数据不同步的问题，完全违背了Redux单一数据源的设计初衷。

验证修复效果 #

修复后，你可以在render方法里加个日志，确认每次Props更新时都能拿到最新的agreements：

render() {
  const { agreements } = this.props;
  console.log('当前渲染的协议列表:', agreements);
  // ... 其余渲染代码
}

这下拉框就能正确显示所有选项了！

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