使用 react/redux/react-native-router-flex 在另一个场景中更改状态后刷新概览场景

github 中提供的最简化的工作示例！！！

我有一个简单的应用程序来学习使用 react native 和 redux 构建应用程序。根据我的理解，如果您在渲染方法中显示来自 redux 状态的数据，然后更改此状态的值，那么该值也将更改，并且由于状态更改而需要重新渲染所有组件。

我在 github 上有可用的应用程序：https : //github.com/schingeldi/checklist

它真的很简单。我有一个概述，如果您单击条目的状态，您将进入详细页面。如果您单击“标记 xxx”，则 redux 状态中的状态已更改（根据日志），但未在概览场景中刷新。

基本上我有一个Overview.js：

class Overview extends Component {

    constructor(props) {
        super(props);
        this.state = {fetching:false};
    }

    entries() {
        // console.log("Overview");
        // console.log(this.props);
        // console.log(this.props.entries);


        return Object.keys(this.props.entries).map(key => this.props.entries[key]);
    }

    componentDidMount() {
        this.setState({fetching:true});
        this.props.actions.getEntries()
            .then( (res) => {
                this.setState({fetching: false});
            })
    }

    handleChange(entryId) {
        Actions.detail({id: entryId});
    }


    render() {

        return (
        <View>
            <ScrollView>
                { !this.state.fetching &&  this.entries().map((entry) => {

                    return (
                        <TouchableHighlight key={entry.id}>
                        <View  >
                            <Text>{entry.name}</Text>
                            <TouchableHighlight onPress={(entryId ) => this.handleChange(entry.id)}><Text>{entry.status}</Text></TouchableHighlight>
                            <Text>---------------------------</Text>

                        </View>
                        </TouchableHighlight>
                    )
                    }

                    )
                }
                {this.state.fetching ? <Text>Searching </Text> : null }
            </ScrollView>


        </View>
    )}
}

function mapStateToProps(state) {

    return {entries: state.default.entries };
}

function mapDispatchToProps(dispatch) {
    return {actions: bindActionCreators(actions,dispatch)};
}

export default connect(mapStateToProps, mapDispatchToProps)(Overview);

单击状态 ( {entry.status} ) 时，我打开另一个 Scene Details.js：

class Detail extends Component {

    constructor(props) {
        super(props);
        this.state = {}
    }

    componentWillMount() {
        this.setState({
            entry: this.props.entries[this.props.id]
        })
    }

    patchEntry(newStatus) {
        console.log("Details: patchEntry with " + this.props.id +" and " + newStatus );
        this.props.actions.patchEntry(this.props.id, newStatus);
    }

    render() {
        return (
            <View>
                <Text>{this.state.entry.name}</Text>

                <TouchableHighlight onPress={() => this.patchEntry('done')}><Text>Mark done</Text></TouchableHighlight>
                <TouchableHighlight onPress={() => this.patchEntry('cancelled')}><Text>Mark cancelled</Text></TouchableHighlight>
            </View>
        )
    }
}



function mapStateToProps(state) {
    console.log(state);
    return {entries: state.default.entries };
}


function mapDispatchToProps(dispatch) {
    return {actions: bindActionCreators(actions,dispatch)};
}

export default connect( mapStateToProps, mapDispatchToProps)(Detail);

我有一个动作和一个减速器，当按下其中一个 TouchableHighlights 时，它们被完美地调用。我什至在日志中看到输出整个状态时状态发生了变化。

但我的问题是，一旦我从 Detail 场景返回（弹出），我如何在 Overview 场景中刷新状态？

如果您需要更多信息，请告诉我，但在我编写了一个完整的工作应用程序时，它应该很容易重现。只需克隆，npm install 并运行它。

非常感谢你的帮助。