reactjs - 如何使用 withStyles 返回一个反应组件？

Question

这里的问题不是关于如何导出，而是如何返回一个注入了 css 的 React 对象？

我正在尝试实现类似的目标：

return ( withStyles(this.props.style)(<Component {...params}/>) );

其目的是返回Component并使用withStyles设置所有 CSS 并将其样式注入名为style的属性中。

Answer 1

withStylesHOC 接受类/函数并返回修饰的类/函数。这就是为什么我们不能在那里传递组件实例（<Component {...params}>在后台创建/返回对象）。

考虑到这一点以及 JSX 要求组件名称以大写字母开头的要求，我们接下来可以执行以下操作：

const StyledComponent = withStyles(this.props.style)(Component);
return <StyledComponent {...params} />;