Если еще разные функции onclick реагируют?

у меня есть следующий код

<div className = {"aside-minus "  + (item.quantity > 1 ? '' : 'remove')} 
  onClick = {() => this.props.subQuantity(item.product._id)}>
</div>

Условие, если item.quantity> 1, я «не добавляю класс» Но у меня есть функция subQuantity. Вопрос Если item.quantity> 1 функция onClick = subQuantity , иначе функция onClick = удалить Как сделать? Большое спасибо

reactjs

15.12.2020 06:28

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Массив зависимостей в React

Все о массиве Dependency и его связи с useEffect.

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

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

Руководство по использованию хука useEffect для методов жизненного цикла React

258

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

Ответы 2

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

Вы можете условно вызвать любую функцию, которую хотите, в функции обратного вызова, в конце концов, это просто функция.

<div
  className = {"aside-minus "  + (item.quantity > 1 ? '' : 'remove')} 
  onClick = {() => {
    if (item.quantity > 1) {
      this.props.subQuantity(item.product._id);
    } else {
      // call remove function
    }
  }
/>

15.12.2020 06:41

С тройным

<div className = {"aside-minus "  + (item.quantity > 1 ? '' : 'remove')} 
  onClick = {item.quantity > 1 ? () => this.props.subQuantity(item.product._id) : () => this.remove()}>
</div>

15.12.2020 06:53

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

Как реализовать react-helmet-async на старом сайте React

Используя React Hooks, как создать повторно используемый компонент и родительский компонент, которые используют друг друга?

Изменить состояние пользовательской кнопки в React Native

Как я могу получить первое изображение из каждого альбома с четным идентификатором в React с помощью Fetch?

Центральный компонент в реакции

Проблема с доступом к API Contentful с помощью хелпера getEntry(): из обещания найденной записи не возвращается контент

Как передать пользовательский интерфейс в качестве реквизита в функциональный компонент React

Реакция: перехватчики useState внутри вложенных стрелочных функций

Как связать компоненты React внутри тега привязки

Как запустить рендеринг данных, которые пользователь вводит в React?

Если еще разные функции onclick реагируют?

Ответы 2

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

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