React 中三元运算符样式为 null 或未定义

Question

我想知道在设计组件样式时是否未满足特定条件，我们是否应该使用 null、未定义或其他内容。例子：        errorStyle: {            right: locale === Locales.ARABIC ? 0 : null,            left: locale !== Locales.ARABIC ? 0 : null,            ...        },或者        errorStyle: {            right: locale === Locales.ARABIC ? 0 : undefined,            left: locale !== Locales.ARABIC ? 0 : undefined,            ...        },

Answer 1

在这种情况下，unset可以起到这样的作用：如果属性自然地从其父级继承，则将属性重置为其继承值；如果不是，则重置为其初始值。所以你的风格会是这样的：

errorStyle: {
    right: locale === Locales.ARABIC ? 0: 'unset',
    left: locale !== Locales.ARABIC ? 0: 'unset',
    ...
}

Answer 2

initial, inherit,unset都是可接受的值default

前任：

right: locale === Locales.ARABIC ? 0 : 'initial',