const orders = {
  field1: 'asc',
  fieldN: 'desc'
}
handleClick = (field) => setSortOrder({ ...orders, [field]: orders[field] === 'asc' ? 'desc' : 'asc')

Это белиссимо

Спасибо большое)

Вопрос не совсем по реакту.

Есть список из стилизованных под кнопку NavLink'ов, каждая из которых содержит модификатор класса по цвету.
link--red, link--green, link--blue...

Когда ссылка активна, на нее вешается дополнительный класс --active. В результате это  выглядит так:
<NavLink className="link link--blue link--active" />

В scss иконка окрашивается в зависимости от указанного в модификаторе правила (--red, --blue...).

Как сделать так, если присутствует класс &--active, то ссылка из серого окрашивалась в цвет модификатора, а иконка в любой другой?

Мне кажется такой код, как на второй картинке описывает то что я хочу, но к сожалению он не валидный

спасибо

Подскажите пожалуйста, как в таком случаее изменить падинг для TextField (с materialUi) ?

просто добавляешь цссом, в чем проблема?

Как в component={TextField} запихнуть класс?)

ты же уже добавляешь класс, просто добавь еще один

Привет кто то работает з materil ui и figma?
Есть ли плагин каторий генерирует react code также как для адроида ?

Так он изменяет для самого блока, а внутри в нем рисуется component={TextField} , который играет роль, как я понимаю инпута, вот ему мне и нужно изменить

тогда component={() => <TextField classes="..." />}

получилось следующим образом:
откатил реакт до 16.13.1, упаковывал npm-пакет при помощи babel. Хотелось всё провернуть с помощью webpack, но пока не удалось.

Завтра буду дожимать. Спасибо за помощь

Не очень понял что это значит)

Привет кто то работает з materil ui и figma?
Есть ли плагин каторий генерирует react code также как для адроида ?
Тпипа

Тебе наверно не в этот чат