我正在尝试存储一组 Session 对象。每个 Session 都有一个 Hand 对象数组。我正在尝试建立一个 Redux 商店,但由于某种原因我无法使用 mapStateToProps 访问我的商店。this.props.* 中的所有选项都与我的 redux 存储无关。
我的商店应该保存一组会话对象,我想在一个简单的 FlatList 中显示这些对象,以便在创建自定义 FlatList 之前了解概念。我展示了一个我想要使用 State 的例子,但我无法让它与 Redux 一起工作。
我的 {this.props.sessions} 不显示任何内容,我希望它显示会话的名称,就像状态按钮一样。
我尝试了很多不同的配置,包括翻阅 this.props.* 试图找到输出信息的东西。
我什至尝试在 Redux 中使用一个简单的“计数”变量,看看我是否可以让它工作,但那也不起作用。
这里有潜在的问题吗?
我的应用程序运行得很好,但是当我按下“使用 redux 添加新会话”按钮时,它什么也没做。
//*HOME.JS
import 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 中显示会话列表,并且我希望“添加”按钮在我点击它时创建更多会话。
相关分类