我正在尝试存储一组 Session 对象。每个 Session 都有一个 Hand 对象数组。我正在尝试建立一个 Redux 商店,但由于某种原因我无法使用 mapStateToProps 访问我的商店。this.props.* 中的所有选项都与我的 redux 存储无关。我的商店应该保存一组会话对象,我想在一个简单的 FlatList 中显示这些对象,以便在创建自定义 FlatList 之前了解概念。我展示了一个我想要使用 State 的例子,但我无法让它与 Redux 一起工作。我的 {this.props.sessions} 不显示任何内容,我希望它显示会话的名称,就像状态按钮一样。我尝试了很多不同的配置,包括翻阅 this.props.* 试图找到输出信息的东西。我什至尝试在 Redux 中使用一个简单的“计数”变量,看看我是否可以让它工作,但那也不起作用。这里有潜在的问题吗?我的应用程序运行得很好,但是当我按下“使用 redux 添加新会话”按钮时,它什么也没做。//*HOME.JSimport React from 'react';import { StyleSheet, View, Text, Button, FlatList} from 'react-native';import { connect } from 'react-redux';import { SessionObject } from './Session';var session = new SessionObject("Session", []);class Home extends React.Component { state = { SessionList : [], SessionCount : 1 } render() { const { navigate } = this.props.navigation; return ( <View style={styles.container}> <View style={styles.container}> <Text>Home Screen!! :)</Text> </View> <View style={styles.style_flex3}> <Button title="Add new Session with State" onPress={() => this.addItem() } /> <FlatList data={this.state.SessionList} renderItem={({item}) => this.SessionComponent(item)} keyExtractor={(item, index) => index.toString()} /> <Text>{this.props.sessions}</Text> <Text>{this.props.Count}</Text> <Button title="Add new Session with Redux!" onPress={() => this.addNewSession() } /> <FlatList data={this.props.sessions} renderItem={({item}) => this.SessionComponent(item)} keyExtractor={(item, index) => index.toString()} /> </View> </View> );我想在我的 Redux 存储中的 Flatlist 中显示会话列表,并且我希望“添加”按钮在我点击它时创建更多会话。
添加回答
举报
0/150
提交
取消