materialUI无需使用withStyles

Question

我有一个应用程序，可以呈现从数据库动态加载的组件。我可以渲染这些组件，并且一切正常，但是我希望能够使用withStyles将特定样式应用于这些组件。

这就是我尝试过的，为简单起见，我使用JS文件对数据库响应进行建模。

const dbResponse = {
    __styles: {
        myStyle: { background: 'blue' },
    },
    components: (styles) => ({
        component: 'AppBar'
        className: styles.myStyle,
    }),
};

export default withStyles(dbResponse.__styles)(createComponentFromSchema(
    dbResponse.components(dbResponse.__styles)
));

这将生成AppBar组件，但样式不正确。原因显然是我需要传递给components的是Map创建并传递给子组件的withStyles。我可以递归地克隆整个树并替换样式，但是我不想这样做。我正在使用服务器端渲染，如果有帮助，可以访问该方案附带的所有JSS特定部分。