我正在寻找最佳实践，以使开发人员能够对我的React共享组件中存在的元素进行样式设置。
例如，我有一个下拉菜单，我希望开发人员能够选择一个预定义的主题，该主题将使我能够为下拉菜单中存在的list元素选择突出显示的颜色，字体大小，字体系列。我为每个默认主题创建了枚举，并提供了一种方法，使开发人员可以定义主题对象并将CSS添加到该枚举后面的属性中。然后，将样式注入功能组件。
但是，我很快意识到，如果我没有为开发人员提供一种说出在主题界面范围之外调整元素的构面（例如字体粗细）的方法，那么开发人员将无法对其进行样式设置，我必须将其添加并添加到其中，并测试它是否可以与所有其他样式组合一起使用，从而变得乏味且需要大量开销。
我想知道是否存在一种实现，可以提供对组件中元素的引用并提供开放式CSSProperties风格的道具，以使开发人员可以根据自己的喜好设计风格？有最佳做法吗？请提供一个简短的示例（如果可能）？
一个警告是，诸如Next JS之类的框架将对css模块进行编码，并且由于css元素编码或附加的id而使用户很难提供可操纵组件的css。这就是为什么我认为 refs 方法可能有用的原因。
答案 0 :(得分：0)