如何将值传递到另一页上的状态?

时间:2019-04-20 22:22:22

标签: react-native

对于路由,我使用react-navigation。

共有两页:

主页(主页)。

HomePageList(主页仅列表视图中的所有项目)

需要这样做:

当我单击HomePageList页面上列表中的项目时。必须将状态值传递给主页页面。

比方说,我单击HomePageList页面上的12个元素。 在“从数字到状态”状态下,activeSlide应该通过12。

================================================ =========

那里有6个元素的数组。 在页面上-主页。分页滑块。对象的索引存储在状态中。在activeslide值中。

访问HomePageList都具有相同的6个元素。仅列出和搜索。

当我单击HomePageList的任何元素时。发生_GoHome。

_GoHome = async ( ) => {
    this.props.navigation.navigate(HOMEPAGE);
  };

当我通过状态HomePage中的另一个item.index的功能时。

我试图这样做:

在要保存item.index的单独文件中制作一种恒定的ActiveSlide。

然后在HomePage中这样做:

if (ActiveSlide !== null){
      this.setState({
        activeSlide: ActiveSlide
      })
    }else{
      this.setState({
        activeSlide: 0
      })
    }

但是由于某种原因无法正常工作:

错误:ActiveSlide只读

1 个答案:

答案 0 :(得分:0)

通过反应导航,您可以在navigate()中传递参数

在要传递参数的视图上:

this.props.navigation.navigate(HOMEPAGE, { something: value })

在要接收参数的视图上:

value = this.props.navigation.getParam('something')

请参阅文档here