Javascript 反应：在渲染外部使用道具

我在项目中使用用户界面的语义选项卡组件。我想动态呈现带有选项卡项的选项卡。但是，我不能在组件外部调用props对话框来遍历对象的所有元素，并将属性传递给将显示内容的Tab.Pane

const panes = dialogs.map((d, index) => ({
    menuItem:
        <Menu.Item key={index}>
            <AppMessageUserList {...d} />
        </Menu.Item>,
    render: () =>
        <Tab.Pane>
            <AppMessageItems  {...d} />
        </Tab.Pane>
}));

---

您是否从

react redux

@atadnmz尝试了

useSelector（）

，不，我没有使用，您能帮忙吗，我如何使用useSelector（）快速修复此问题？

const AppMessages = () => {

    return (
        <Container>
            <Tab
                menu={{fluid: true, vertical: true}}
                menuPosition='left'
                panes={panes}
            />
        </Container>
    );
};

function mapStateToProps(state) {
    return {
        dialogs: state.dialogs,
    }
}