反应道具未正确传递

Question

我试图将我的商店中的id值（listId）作为道具传递给我的Component而没有任何成功。我认为问题是id是由addList动作生成的，首先调度，然后是addTrack动作。 listId={props.listId}或listId={props.listId ? props.listId : 1234}之类的内容似乎都不起作用。这是我的代码：

const MakeList = (props) => {
  return (
    <div>
      <h1>Make a list </h1>
      <ListForm
        listId={props.listId}
        onSubmit={(item) => {
          props.dispatch(addList(item));
        }}
        trackSubmit={(item) => {
          props.dispatch(addTrack(item, props.listId));
        }}
      />
    </div>
  )
};

const mapStateToProps = (state) => {
  return {
    listId: state.userLists.listIdArray[index],
  };
};


export default connect(mapStateToProps)(MakeList);