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

是否可以递归渲染连接到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.

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

解决方法:

尝试渲染已连接的容器：

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;

标签：reactjs,redux,react-redux,javascript
来源： https://codeday.me/bug/20191108/2010439.html