React(redux)，如何推送list in list as saparated

// 数据结构
const data = [
  {
    id: 1,
    name: 'Parent 1',
    children: [
      { id: 11, name: 'Child 1' },
      { id: 12, name: 'Child 2' },
    ],
  },
  {
    id: 2,
    name: 'Parent 2',
    children: [
      { id: 21, name: 'Child 3' },
      { id: 22, name: 'Child 4' },
    ],
  },
];

// 父组件
const ParentComponent = ({ parents }) => (
  <ul>
    {parents.map(parent => (
      <li key={parent.id}>
        {parent.name}
        <ul>
          {parent.children.map(child => (
            <li key={child.id}>{child.name}</li>
          ))}
        </ul>
      </li>
    ))}
  </ul>
);

// Redux状态管理
const mapStateToProps = state => ({
  parents: state.parents,
});

const ConnectedParentComponent = connect(mapStateToProps)(ParentComponent);

// 在应用中渲染组件
ReactDOM.render(
  <Provider store={store}>
    <ConnectedParentComponent />
  </Provider>,
  document.getElementById('root')
);