时间戳

首页 > 解决方案 > 将本机路由器通量反应到子组件

javascript - 将本机路由器通量反应到子组件

问题描述

版本

告诉我们您正在使用哪些版本：

我有结构路由器。

const scenes2 = Actions.create(
      <Stack key="root" tabs={true} tabBarPosition={'bottom'} hideNavBar>
        <Stack key="home" hideNavBar={true} component={Home} type={ActionConst.REPLACE} title="Home" titleStyle={styles.menutab} initial={true} icon={TabIcon} image={require('@images/icon-bag.png')}>
          <Scene key="postDetails" component={PostDetails} title="Post" />
        </Stack>
        <Stack key="video" hideNavBar={true} component={Video} title="Video" icon={TabIcon} image={require('@images/icon-bag.png')}>
          <Scene key="videoDetails" component={VideoDetails} title="VideoDetails" />
        </Stack>
        <Stack key="persija" hideNavBar={true} component={Home} title="Persija" icon={TabIcon} image={require('@images/icon-bag.png')}>

        </Stack>
        <Stack key="shop" hideNavBar={true} component={Product} title="Shop" icon={TabIcon} image={require('@images/icon-bag.png')}>

        </Stack>
        <Stack key="profile" hideNavBar={true} component={Profile} title="Profile" icon={TabIcon} image={require('@images/icon-bag.png')}>

        </Stack>
      </Stack>
    );

并按下按钮。

<TouchableOpacity onPress={() => {
    Actions.postDetails.bind(this, {post: post});
}}
style={news.bannerText}>
<Text style={news.bannerTitle}>{postTitle}</Text>
<Text style={news.bannerDate}><TimeAgo time={post.date}/></Text>
</TouchableOpacity>

获取错误未定义不是对象（正在评估 _reactNativeRouterFlux.Actions.postDetails.bind()

标签： javascriptreact-nativereact-native-router-flux

解决方案

欢迎来到 SO。实际代码onPress如下：

<TouchableOpacity onPress={() => {
    Actions.postDetails({post: post});
}}
style={news.bannerText}>
<Text style={news.bannerTitle}>{postTitle}</Text>
<Text style={news.bannerDate}><TimeAgo time={post.date}/></Text>
</TouchableOpacity>

在这里，当您使用时，您Actions.fileKey()不需要绑定只需传递参数的简单方式。有关binding功能的进一步知识，请参阅此链接，Actions/router-flux请参阅此链接

希望它会有所帮助。

推荐阅读