在react js渲染中不应用动态类

在React.js渲染中不应用动态类是指在React组件的渲染过程中，不应该使用动态类名来控制样式。相反，应该使用React的状态和属性来动态地控制组件的样式。

动态类通常是通过字符串拼接或条件判断来生成的，这种做法在React中不推荐使用，因为它会导致以下问题：

1. 难以维护：使用动态类名会使代码变得混乱，难以理解和维护。当需要修改样式时，需要同时修改类名的生成逻辑和样式定义，增加了出错的可能性。
2. 不利于组件化：React鼓励将UI拆分为可重用的组件，而使用动态类名会使组件的样式与组件本身紧密耦合，降低了组件的可复用性。
3. 性能问题：使用动态类名会导致React频繁重新渲染组件，因为每次生成的类名都不同，React会认为组件的props发生了变化，从而触发重新渲染。这会影响性能，尤其是在组件数量较多或渲染频率较高的情况下。

为了解决这些问题，React提供了更好的方式来处理组件的样式：

1. 使用内联样式：React支持使用内联样式来定义组件的样式，可以直接将样式对象作为组件的属性传递。这样做的好处是样式与组件解耦，易于维护和调整。
2. 使用CSS模块化：可以使用CSS模块化的方式来管理组件的样式。CSS模块化可以将样式与组件关联起来，避免全局污染和类名冲突的问题。
3. 使用第三方样式库：可以使用第三方的样式库，如Bootstrap、Ant Design等，它们提供了丰富的组件和样式定义，可以快速构建漂亮的界面。

总结起来，在React.js渲染中不应用动态类，而是应该使用内联样式、CSS模块化或第三方样式库来管理组件的样式，以提高代码的可维护性和性能。