猿问

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

我正在尝试存储一组 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 中显示会话列表,并且我希望“添加”按钮在我点击它时创建更多会话。


动漫人物
浏览 94回答 1
1回答
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答