Использование ИЛИ в тернарном операторе
У меня есть простой тернарный оператор, в котором я хочу вернуть null с двумя разными строками.
this.props.sportType === 'tennis' || 'soccer' ? null : <li onClick = {this.props.onClick} className = {styles.menuItem}>N/A</li>
Но это не совсем работает, к сожалению. Как я могу использовать || правильно в тернарном операторе?
Спасибо! :)
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
3
1
86
4
Перейти к ответу
Данный вопрос помечен как решенный
Ответы 4
Используйте массив и посмотрите, входит ли в него sportType:
['tennis', 'soccer'].includes(this.props.sportType)
? null
: <li onClick = {this.props.onClick} className = {styles.menuItem}>Sport</li>
(также желательно делать отступы для более длинных выражений)
Ответ принят как подходящий
Повторите сравнение со вторым значением
this.props.sportType === 'tennis' || this.props.sportType === 'soccer'
? ...
Как и в операторе IF, вам нужно сравнить строку «футбол» с
this.props.sportType === 'tennis' || this.props.sportType === 'soccer' ? null : <li onClick = {this.props.onClick} className = {styles.menuItem}>N/A</li>
Чем это отличается от ответа @ Нины?
—
10.04.2019 10:48
Разницы нет, я писал в то же время, я думаю
—
10.04.2019 10:49
Вы можете использовать регулярное выражение
/^tennis|soccer$/.test(this.props.sportType) ? null : <li onClick = {this.props.onClick} className = {styles.menuItem}>N/A</li>
Другие вопросы по теме
Дает ли упаковка моих SVG-иконок внутри SPAN больше возможностей и гибкости в отношении стилей?
Как округлить до 2 знаков после запятой с префиксом формата SI?
React SetState с деструктурированной переменной дает ошибочные результаты
Как вызвать функцию из другого компонента, связанного с плоским списком, в React Native
Как сохранить предыдущее измененное состояние в REACT JS, так как при обновлении нового элемента предыдущий устанавливается по умолчанию?
Как изменить состояние внутри componentDidMount() при получении сообщения с веб-сокетами?
Как объединить два массива объектов с помощью reactjs?
Реагировать: TSLint - Запретить символ «умной кавычки» Mac?
Использовать компонент onClick
Компонент размонтируется при изменении родительского состояния
Похожие вопросы
Предполагаемая ошибка в doPostBack AJAX ASP.NET WebForms
Удалить текстовый узел с помощью Javascript
Как округлить до 2 знаков после запятой с префиксом формата SI?
Как сохранить значение ввода для функции?
Как мне `.filter()` массив/объект и вернуть новый массив с исходными ключами, а не как индексированный массив/объект в качестве возврата фильтра?
Как вызвать функцию из другого компонента, связанного с плоским списком, в React Native
IONIC/Angular: HTML не отображает информацию из файла ts
Как изменить фон строки начальной загрузки?
Можно ли удалить javascript JSDoc в заданном исходном коде, используя группу захвата регулярного выражения?
Как сохранить предыдущее измененное состояние в REACT JS, так как при обновлении нового элемента предыдущий устанавливается по умолчанию?
How can I use || properly in ternary operator?- ваша настоящая проблемаHow can I use || properly