React-Admin:为什么非描述性 class 名称?

React-Admin: Why the non-descriptive class names?

I am hoping someone can shed some light on what is likely a very basic react question.

在基于 react-admin 的网络应用程序中,是否 typical/expected 看到 class names(下)?

class="jss136 jss138 jss125 jss127"

我正在开展一个项目,使用 seleniumreact-admin 站点设置一些 e2e 框架,事实证明它具有挑战性,因此我很好奇这是否相当典型在 react-admin 中查看,或者我们的开发团队是否可以做一些不同的事情来提供更具描述性的 class 名称来与元素交互?

任何 information/insights 到此或其他可能与 e2ereact-admin 内使用 selenium 进行测试相关的提示,我们将不胜感激。

谢谢,
鲍勃

True Story, react-admin depends on @material-ui.

And @material-ui's styling solution uses JSS at its core.

Material-UI 表示,“class names generated by our styling solution are non-deterministic”。

因此,@material-uidevelopmentproduction 进行了优化。
classnamesdevelopment 中易于调试并在 production.

中尽可能短
  • 发展:.MuiAppBar-root-12

  • 产量:.jss12

顺便说一句,如果您不喜欢这种默认行为,可以更改它。
JSS relies on the concept of class name generator.