reactjs – React Navigation丢失传递下来的道具

容器(Container.js)依次将props传递给Table(Table.js),它按预期接收它们.

当我尝试使表成为导航堆栈时,我的问题出现了.原因是我希望能够点击每一行,这些行将导航到DetailPage,这将由依赖于行的不同道具填充.

然而,当添加StackNavigator时,从Container传下来的所有道具都消失了,只有React Navigation的那些(导航：{actions：{goBack … ETC}}).

注意：如果我直接连接Component,也会发生这种情况.

下面是我的代码结构的dummied down示例.

我做错了什么/我如何保持传下来的道具？

Container.js

class Container extends Component {
  render() {
    return (
      <View>
        <Table {...this.props} />
      </View>
    )
  }
}


const mapStateToProps = state => {
  return {
    data: state.data,propTwo: state.propTwo
  }
}

const mapDispatchToProps = dispatch => {
  return {
    functionOne: () => dispatch(functionOne()),functionTwo: arg => dispatch(functionTwo(arg))
  }
}

export default connect(mapStateToProps,mapDispatchToProps)(Market);

Table.js

const DetailPage = () => <View><Text>Just a mock page</Text></View>

class Table extends Component {
  keyExtractor = (item,index) => index;
  renderItem = (argOne,index) => {
    return (
      <ListItem
        onPress={() => this.props.navigate(argOne)}
        key={index} />
    )
  }
  render() {
    return (
      <View>
        <FlatList
          keyExtractor={this.keyExtractor}
          data={this.props.data}
          renderItem={this.renderItem}
          refreshControl={
            <RefreshControl
              onRefresh={this.props.functionTwo}
            />
          }
        />
      </View>
    ) 
  }
}
// react-navigation StackNavigator
export default Table = StackNavigator({
  Table: { screen: Table },DetailPage: { screen: DetailPage }
});