React更新现有的CSS类

Question

我的React项目中包含一个库。该库具有自定义元素和自定义CSS类（我不呈现这些元素）。但是，我想在React中改变它们的外观。基本上，我想动态更改该库使用的CSS类属性。

i-bottom-right {
    bottom: 0;
    right: 0; => change that to right: 500px;
}

这可能吗？

Answer 1

1. 您必须初始化State中给定库的默认类。喜欢，

   构造函数（道具）{   超级（道具）;   this.state = {classupdate：'libraryClass'} }

2. 在onClick事件中，您已经通过setState更新了自己的类，

   showHideClick =（event，rowIndex）=> {   this.setState（{'classupdate'：'yourOwnClass'}） }

3. 在各自的Div或元素中使用状态，

4. 在yourOwnClass中添加自己的样式

Answer 2

如果有人遇到同样的问题，我发现了一个丑陋的解决方法，方法是创建一个额外的类（与库相同，只是更改了一个道具），然后使用vanilla js class PersonView(UpdateView): template_name = 'some.html' model = Person form_class = PersonForm def get_context_data(self, **kwargs): context = super(PersonView, self).get_context_data(**kwargs) if self.request.POST: context['familymember_form'] = RelatedFMFormSet(self.request.POST, self.request.FILES, instance=self.object, prefix='relatedMember') else: context['familymember_form'] = RelatedFMFormSet(instance=self.object, prefix='relatedMember') return context 。任何拥有更清洁解决方案的人都会很高兴听到它。