如何使用react native router flux将数据传递到另一个屏幕?

时间:2017-08-11 11:42:22

标签: react-native

您好我试图将数据传递到另一个屏幕,我这样做了:

constructor(props) {
    super(props);
    this.state {
        qty: '',
    }
}

的TextInput:

<TextInput
    placeholder="Quantity"
    underlineColorAndroid={'rgba(0,0,0,0)'}
    onChangeText={(text) => this.setState({qty: text})}
    numberOfLines={4}
    style={styles.textstyleinputed1}
/>

按钮:

<TouchableHighlight style = {styles.button} onPress={()=>Actions.gotoMap(this.state.qty)} underlayColor="transparent">
    <Text style={styles.buttonText}>NEXT</Text>
</TouchableHighlight>

以下是我在其他屏幕中的来电方式

<Text>{this.props.qty}</Text>
没有任何东西显示出来。我不知道失踪了什么。

1 个答案:

答案 0 :(得分:2)

使用router flux中的操作传递数据时,必须定义要传递给其他组件的道具名称,如下所示:

2003: Can’t connect to MySQL server on ‘host:port’ (-3 Try again)

然后你可以像这样进入gotoMap组件:

Actions.gotoMap({ QTY : this.state.qty });

我希望这个答案可以帮助你:)