Как соединить два Switch, с разными состояниями, когда при включении одного должен выключатся другой?

А группу создавать мне не получится, покуда данные элементы находятся в разных компонентах и состояние я на самом деле получаю через props, просто тут для примера это упустил.

Как соединить два Switch, с разными состояниями, когда при включении одного должен выключатся другой?

Антон Спирин, С onClick ломается логика перетаскивания, иначе я бы не стал заморачиваться с этим костыльным компонентом))

Пока писали ответ я сделал таким образом, и вроде работает. Как на ваш взгляд моё решение на много хуже?

<Switch
                        circleStyles={{onColor:'#4caf50',offColor:'white'}}
                        switchStyles={{width:100,background:'#ccc' }}
                        labels={{on:'ВКЛ',off:'ВЫКЛ'}}
                        onChange={this.props.handleChangeSwitch('isWiFi')}
                        value={this.state.isWiFi}
                    />

и

<Switch
                        circleStyles={{onColor: '#4caf50', offColor: 'white'}}
                        switchStyles={{width: 100, background: '#ccc'}}
                        labels={{on: 'ВКЛ', off: 'ВЫКЛ'}}
                        onChange={this.props.handleChangeSwitch('isBT')}
                        value={this.state.isBT}
                    />

а событие

handleChangeSwitch = (param) => (value) => {
        if(param === 'isBT' && value){
            this.setState({isBT : true, isWiFi : false})
        }

        if(param === 'isBT' && !value){
            this.setState({isBT : false})
        }

        if(param === 'isWiFi' && value){
            this.setState({isWiFi : true, isBT : false})
        }

        if(param === 'isWiFi' && !value){
            this.setState({isWiFi : false})
        }
    };

Просто перебрал возможные варианты, не очень красиво, но смысл в том, что я явно получаю параметр, от которого уже слежу что должно выполняться.

Как соединить два Switch, с разными состояниями, когда при включении одного должен выключатся другой?

Александр Вульф, take.ms/Fqyy6 Тем не менее вызывается...
примеры ниже аналогично. Думаю дело в том, что я использую react-flexible-switch

Как соединить два Switch, с разными состояниями, когда при включении одного должен выключатся другой?

Аналогично верхнему ответу.
Событие срабатывают попеременно и бесконечно, пока браузер не вывалится с "Maximum call stack size exceeded"

Как соединить два Switch, с разными состояниями, когда при включении одного должен выключатся другой?

я тоже так делал, но вот делаем мы в методе handleChangeWiFiSwitch isBT равное false, реакт видит, что состояние изменилось и вызывает метод handleChangeBTSwitch и так по кругу, поэтому данное решение не верно.

Больше количество ajax-запросов вешает браузер. Как можно оптимизировать?

webcocket ?

Как вы делаете адаптивный переход с обычной галереи картинок на сайте на слайдер в мобильном отображении?

GreenMan1899, а зачем дублировать, можно найти такой слайдер, в котором можно указывать размеры. и в зависимости от размера экрана подгружать с нужными настройками, только не забыть сделать событие изменение размера экрана.

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

Из-за чего выходит ошибка TypeError: Cannot read property 'location' of undefined?

По всё видимости вы получаете параметр location из props, в котором данного параметра нет.

Как в AJAX запросе получить файл?

Максим, Я XHR запросы научился делать уже только, после того, как научился fetch. Мне они кажутся сложней. Но и сейчас не понимаю, какое они дают преимущество...

Очередность рендеринга в React?

Егор Живагин, Это просто рудимент разработчика, только что севшего за реакт, я тоже в тестовом проекте его тянул, а после пары дней изучения понял, что он совсем не нужен)

Почему мои mp3 файлы при проигрывании, через google chrome (тег audio и через js аналогично) обрывается на 5й секунде?

solalex, к сожалению астериском занимается другая команда разработчиков. Доступа к нему я не имею.

Почему мои mp3 файлы при проигрывании, через google chrome (тег audio и через js аналогично) обрывается на 5й секунде?

Дмитрий Шицков, боюсь в этих файлах конфиденциальная информация, техподдержки и предоставить его я в открытом доступе не могу, да и вопрос был в том, была ли у кого такая же проблема, или указать на спецификацию хрома, где бы указывало на более детальную поддержку mp3 формата, а не просто, что он его поддерживает. Я искал в официальной справке - не нашёл, но знаю, что в хроме есть куча тестовых настроек связанных с воспроизведением аудио, может что то из этого и поможет.

Как запретить увеличение масштаба, при клике на select на iphone устройствах?

Горький опыт?

Можно ли собрать оффлайн веб приложение, для запуска, как софт?

vaskadogana, Аналогично думаю)

Можно ли собрать оффлайн веб приложение, для запуска, как софт?

Stalker_RED, имеется ввиду без переписывания кода

Можно ли собрать оффлайн веб приложение, для запуска, как софт?

Stalker_RED, просто без сарказма сказать подойдёт ли данный фремворк для быстрого запуска готовых бандлов

Можно ли собрать оффлайн веб приложение, для запуска, как софт?

Я смогу в эту прогу закинуть реакт бандлы?
Или как там происходит взаимодействие с ПО?

Можно ли собрать оффлайн веб приложение, для запуска, как софт?

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

Как повесить событие на компонент?

ой всё, Иногда такие задачи бывают, что на придумывание названия компоненту уходит больше времени, чем на его написание

Как повесить событие на компонент?

ой всё, но меня радует, что в мире есть люди более занудливые, чем я)