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;

连接到Redux存储的React组件的递归呈现

1 个答案: