NumberField 文本自 react-admin 2.1.3 起对齐

Question

react-admin 的 2.1.3 版引入了对 NumberField 组件（和其他组件）使用 <Typography /> 代替 <span />。

此组件有一种样式，可以在右侧对齐文本。

const styles = {
    input: { textAlign: 'right' },
};

我不知道为什么，但是对于 span 元素，数字是左对齐的。 现在数字右对齐，但如果有其他数字字段，则不会与相同的边距对齐。

Code demo (Comment show screen) / Screenshot

我试图在我的组件上定义一个 className...

<NumberField source="id" className="leftalign" />

和

.leftalign {
    text-align: left;
}

...但是 class 被样式生成的 class NumberField-input-234 覆盖（除非我设置 !important 但我想避免这种情况） .

我的问题是：

• 有没有办法在我每次使用 <NumberField /> 时不用丑陋的 !important css 标志或写 style={{ textAlign: 'left' }} 来将它们左对齐？
• 有没有办法用相同的边距右对齐？

谢谢

Answer 1

此问题已在 react-admin@2.2.0

中解决