为了账号安全,请及时绑定邮箱和手机立即绑定

为什么我不能从 React-Native Redux 中的 mapStateToProps

为什么我不能从 React-Native Redux 中的 mapStateToProps

动漫人物 2021-06-11 15:06:47
我正在尝试存储一组 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 中显示会话列表,并且我希望“添加”按钮在我点击它时创建更多会话。
查看完整描述

1 回答

  • 1 回答
  • 0 关注
  • 93 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信