Null или undefined для стиля троичного оператора в React

Мне интересно, не выполняется ли определенное условие при стилизации компонента, должны ли мы использовать null, undefined или что-то еще.

Пример:

        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,
            ...
        },

javascript css react-native

18.12.2020 17:49

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Раскрытие чувствительных данных

Все внешние компоненты, рассмотренные здесь до сих пор, взаимодействуют с клиентской стороной. Однако, если они подвергаются атаке, они не...

Компонент против элемента в ReactJS - секрет оптимизации производительности за счет повторного использования элементов

Проще говоря, компонент - это фабрика для создания элементов.

Зод: сила проверки и преобразования данных

Сегодня я хочу познакомить вас с библиотекой Zod и раскрыть некоторые ее особенности, например, возможности валидации и трансформации данных, а также...

Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf

Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.

Руководство ChatGPT по продаже мини JS-файлов

JS-файл - это файл, содержащий код JavaScript. JavaScript - это язык программирования, который в основном используется для добавления интерактивности...

471

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

В этом случае unset может сделать трюк, который используется для сброса свойства до его унаследованного значения, если свойство естественным образом наследуется от своего родителя, и до его начального значения, если нет. Итак, ваш стиль будет таким:

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

18.12.2020 18:03

Initial, inherit, unset - все принятые значения как default

Бывший:

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

Документы MDN

18.12.2020 18:03

Другие вопросы по теме

Попытка центрировать элемент iframe. Пробовал решения в других вопросах, но ничего не помогло

Предотвратить изменение размера кнопки по количеству слов внутри кнопки

Должны ли привязки класса Vue 3 с переменными быть встроенными?

Привязка класса vue к переменной объекта

Div не заполняется даже при минимальной высоте: 100%;

Добавление <img> внутрь элемента flex приводит к тому, что элемент flex расширяется, несмотря на то, что изображение достаточно маленькое, чтобы поместиться внутри

Materialise Modal overlay не закрывается

Предотвращение роста элемента td для соответствия дочерним элементам

Как заставить навигационные вкладки прокручиваться горизонтально в bootstrap 3?

Ссылки в мобильном меню (<ul> <li a>) не работают при использовании события touchend вместо события click в JavaScript

Null или undefined для стиля троичного оператора в React

Ответы 2

Другие вопросы по теме

Похожие вопросы