小编Luk*_*uke的帖子

循环依赖在React Native中返回空对象

我有两个相互导航的React Native组件(Alpha和Beta); 但是,这会产生循环依赖,而React Native似乎无法处理这些依赖.

在Alpha中要求Beta工作正常,但要求Alpha中的Alpha返回一个空对象.尝试使用无效组件推送路由时会引发错误.

循环依赖可以在React Native中使用吗?如果没有,我该如何解决这个问题呢?

index.ios.js

'use strict';

var React = require('react-native');

var Alpha = require('./Alpha');

var {
    AppRegistry,
    NavigatorIOS,
    StyleSheet,
    Text,
    View,
} = React;

var ExampleProject = React.createClass({
    render() {
        return (
            <NavigatorIOS
                style={styles.container}
                initialRoute={{
                    component: Alpha,
                    title: Alpha.title,
                    wrapperStyle: styles.wrapper
                }} />
        );
    },
});

var styles = StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: 'white'
    },
    wrapper: {
        paddingTop: 64
    }
});

AppRegistry.registerComponent('ExampleProject', () => ExampleProject);
Run Code Online (Sandbox Code Playgroud)

Alpha.js

'use strict';

var React = require('react-native');
var …
Run Code Online (Sandbox Code Playgroud)

react-native

17
推荐指数
1
解决办法
4316
查看次数

标签 统计

react-native ×1