如何使用withStyles返回react组件？

Question

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

我正在努力实现类似的目标：

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

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

>

Answer 1

withStyles HOC获取类/函数并返回修饰的类/函数。这就是为什么我们不能传递组件实例（<Component {...params}>在幕后创建/返回对象）的原因。

记住这一点，并且JSX要求组件名称以大写字母开头，我们可以下一步：

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