当我加载DataGrid时,我将光标更改为等待图标,从数据库将数据加载到我的ItemsSource,然后将光标设置回默认值.这很好用,除了在填充ItemsSource和DataGrid实际呈现数据之间存在延迟这一事实,因此光标过早地变回默认值.
是否有一个事件在DataGrid完全完成渲染时触发,以便我的光标可以在正确的时间返回默认值?
关于StackOverflow的许多问题都涉及到将条件类名应用于React组件。但是,对于这种特殊情况,我还没有一个好的答案:
我有一个基本的div,我想有条件地应用“ is-required”类。这是我的方法:
<div className={`some-class ${isRequired && 'is-required'}`}>
Run Code Online (Sandbox Code Playgroud)
这里的主要问题是,当isRequired为false时,我编译的HTML代码最终看起来像这样:
<div class='some-class false'>
Run Code Online (Sandbox Code Playgroud)
显然,我可以使用像这样的三元运算符,所以我可以返回一个空字符串:
<div className={`some-class ${isRequired ? 'is-required' : ''}`}>
Run Code Online (Sandbox Code Playgroud)
但是然后在已编译的HTML代码中,该类中包含了这个额外的随机空间,这不会引起任何渲染问题,但是我仍然不喜欢它:
<div class='some-class '>
Run Code Online (Sandbox Code Playgroud)
即便如此,我也可以删除“ someClass”之后的空格,并在“ isRequired”之前包含该空格,但是现在它更难阅读且感觉有点笨拙:
<div className={`some-class${isRequired ? ' is-required' : ''}`}>
Run Code Online (Sandbox Code Playgroud)
我听说过诸如类名之类的实用程序,但是我正在寻找一种不需要任何其他软件包的简单解决方案。
这里推荐的方法是什么?