连接到 Redux 商店的 React 组件的递归渲染

Question

是否可以递归渲染连接到 Redux 商店的 React 组件？

示例（在我的情况下，没有机会进行无限组件渲染循环）：

class Container extends Component {
    render (){
        return (
            <div>
                {this.props.data}
                {this.props.dataKey ? <Container dataKey={'123'} /> : null}
            </div>
    }
}

const mapStateToProps = (state, props) => {
    return {
        data: getDataFromStore(state, props.dataKey}
    }
}

export default connect(mapStateToProps)(Container)

我看到我可以在组件中渲染组件，但是嵌套组件没有连接到商店，因此我不需要this.props.data.

是否有机会将嵌套组件连接到商店？

Answer 1

尝试呈现已连接Container：

class Container extends Component {
    render (){
        return (
            <div>
                {this.props.data}
                {this.props.dataKey ? <ConnectedContainer dataKey={'123'} /> : null}
            </div>
        );
    }
}

const mapStateToProps = (state, props) => {
    return {
        data: getDataFromStore(state, props.dataKey}
    }
}

const ConnectedContainer = connect(mapStateToProps)(Container);

export default ConnectedContainer;