如何使用withStyles返回react组件

Question

这里的问题不是如何导出，而是如何在注入css的情况下返回React对象？

我正在努力实现这样的目标：

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

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

Answer 1

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

考虑到这一点，以及JSX要求组件名称以大写字母开头，我们可以做下一步：

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