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',