javascript - 连接到 Redux store 的 React 组件的递归渲染

Question

是否可以递归渲染连接到 Redux store 的 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;