Как можно решить?

|
bxckwoodDev 2022-06-24 20:47:48
keijnn 2022-06-24 20:42:46
Есть два инпута, первый меняет второй, и блокирует ввод в втором импуте, а нужно чтобы второй имеел возможность ввода. Как это сделать

Это стажерский вопрос друг)

keijnn 2022-06-24 20:47:57
react_js-1479840.jpg
Логика смены значений
keijnn 2022-06-24 20:47:58
react_js-1479842.jpg

keijnn 2022-06-24 20:47:58
react_js-1479841.jpg

Catvasana 2022-06-24 20:48:05
keijnn 2022-06-24 20:45:53
Меняю value второму, и он просто повторяет за первым значение. То есть если в первом инпуте напишу 1, то второй будет 1. Но мне нужно изменять также и второй

— в стейте сделай объект
— динамично создавай ключ со значением в объекте [уникальное-имя]:e.target.value
— за основу бери input name=уникальное-имя

keijnn 2022-06-24 20:48:30
bxckwoodDev 2022-06-24 20:47:48
Это стажерский вопрос друг)

кинь скрин табеля, чмоша

bxckwoodDev 2022-06-24 20:48:58
Ладно
SempaiSem 2022-06-24 20:49:32
здравствуйте есть примеры как использовать useeffect и usereducer вместе
No Name 2022-06-24 20:49:35
bxckwoodDev 2022-06-24 20:48:58
Ладно

Ладно

Igor Selin 2022-06-24 20:50:17
keijnn 2022-06-24 20:47:58

Ужас как все сложно

No Name 2022-06-24 20:50:24
Igor Selin 2022-06-24 20:50:17
Ужас как все сложно
Igor Selin 2022-06-24 20:50:29
if else if else if else…
keijnn 2022-06-24 20:50:45
Igor Selin 2022-06-24 20:50:29
if else if else if else…

api говна

bxckwoodDev 2022-06-24 20:50:59
О
bxckwoodDev 2022-06-24 20:51:11
keijnn 2022-06-24 20:50:45
api говна

Ты вернулся

Igor Selin 2022-06-24 20:52:20
Вообще можно обойтись без else

if(someCond){
someLogic()
return
}
if(someAnotherShit){
anotherLogic()
return
}

w0nderw0r1d 2022-06-24 20:52:43
keijnn 2022-06-24 20:47:57
Логика смены значений

Ну ты же сам написал всё то, что и происходит. Давай сначала. Задача какая? Чтобы два инпута были независимы или что?

Igor Selin 2022-06-24 20:52:59
Сделал что-то в условии и выходишь из функций
keijnn 2022-06-24 20:54:03
w0nderw0r1d 2022-06-24 20:52:43
Ну ты же сам написал всё то, что и происходит. Давай сначала. Задача какая? Чтобы два инпута были независимы или что?

есть валюта, которая в двух спанах. К ним 2 импута. Нужно выводить конвертацию валюты реактивно в противоположный импут. Типа 10 долларов — 8 евро

keijnn 2022-06-24 20:54:29
Чтобы дописав к 8 например 0, он мне менял уже доллары
SempaiSem 2022-06-24 20:56:43
react_js-1479860.jpg
здравствуйте подскажите правильно передал useeffect с помощью usecontext
w0nderw0r1d 2022-06-24 20:57:36
keijnn 2022-06-24 20:54:03
есть валюта, которая в двух спанах. К ним 2 импута. Нужно выводить конвертацию валюты реактивно в противоположный импут. Типа 10 долларов — 8 евро

Ну смотри тогда делаешь два инпута независимыми. У каждого свой сет и вэлью. Далее например в первом срабатывает событие изменения. Ну например 1 доллар пишем, тогда сэтаем в первом инпуте 1 доллар, затем код конвертации и сэтаем во второй сколько тп вышло евро. И наоборот

w0nderw0r1d 2022-06-24 20:59:15
Понятно не?))) Прям по шагам. Сначала происходит событие. Мы сетаем значение, далее конвертируем и сэтаем значение во второй инпут
w0nderw0r1d 2022-06-24 21:01:03
А чтобы узнать с каким инпутом идёт взаимодействие то можешь либо по name как выше писали либо функцию повесить в ончейндж и передавать например единичку это первый инпут и 2 второй, а внутри функции уже проверять
abvgeshka 2022-06-24 21:01:36
keijnn 2022-06-24 20:54:03
есть валюта, которая в двух спанах. К ним 2 импута. Нужно выводить конвертацию валюты реактивно в противоположный импут. Типа 10 долларов — 8 евро

и в чем проблема ты не озвучил

keijnn 2022-06-24 21:01:51
abvgeshka 2022-06-24 21:01:36
и в чем проблема ты не озвучил

писал выше

keijnn 2022-06-24 21:02:11
w0nderw0r1d 2022-06-24 20:59:15
Понятно не?))) Прям по шагам. Сначала происходит событие. Мы сетаем значение, далее конвертируем и сэтаем значение во второй инпут

ну у меня задумка похожая была, но реализация говно.

tetraf0ur 2022-06-24 21:02:39
keijnn 2022-06-24 20:50:45
api говна

что за апи?

w0nderw0r1d 2022-06-24 21:02:43
keijnn 2022-06-24 21:02:11
ну у меня задумка похожая была, но реализация говно.

Да просто разбей проблему на мелкие части. Всё получится.

keijnn 2022-06-24 21:02:46
tetraf0ur 2022-06-24 21:02:39
что за апи?

приват банка

tetraf0ur 2022-06-24 21:03:05
keijnn 2022-06-24 21:02:46
приват банка

там есть BTC?

keijnn 2022-06-24 21:03:12
tetraf0ur 2022-06-24 21:03:05
там есть BTC?

Да

abvgeshka 2022-06-24 21:03:16
keijnn 2022-06-24 20:45:53
Меняю value второму, и он просто повторяет за первым значение. То есть если в первом инпуте напишу 1, то второй будет 1. Но мне нужно изменять также и второй

у тебя стейты разные? верстка одинаковая? key проставил уникальный?

keijnn 2022-06-24 21:03:57
abvgeshka 2022-06-24 21:03:16
у тебя стейты разные? верстка одинаковая? key проставил уникальный?

react_js-1479873.jpg

demark_pro 2022-06-24 21:04:45
keijnn 2022-06-24 21:03:57

Покажи onChange инпутов

keijnn 2022-06-24 21:05:43
demark_pro 2022-06-24 21:04:45
Покажи onChange инпутов

react_js-1479875.jpg

keijnn 2022-06-24 21:06:02
react_js-1479876.jpg

demark_pro 2022-06-24 21:06:59
Если это 2 разных инпута, то ты 1 стейт меняешь
demark_pro 2022-06-24 21:07:48
У тебя нет setFirstValue
keijnn 2022-06-24 21:09:00
demark_pro 2022-06-24 21:07:48
У тебя нет setFirstValue

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

w0nderw0r1d 2022-06-24 21:10:08
Так ты наведи на тип, где он ругается. Он тебе и подскажет
ox1dov 2022-06-24 21:10:55
react_js-1479883.jpg

ox1dov 2022-06-24 21:10:55
react_js-1479882.jpg
как можно решить?
tetraf0ur 2022-06-24 21:11:41
ox1dov 2022-06-24 21:10:55
как можно решить?

что лежит в coin?

demark_pro 2022-06-24 21:11:48
ox1dov 2022-06-24 21:10:55
как можно решить?

У массива нет свойств

w0nderw0r1d 2022-06-24 21:11:54
А ещё вроде надо так написать:
const MenuContext<MenuContextProps>
А из другого места убрать
Попробуй
ox1dov 2022-06-24 21:14:02
tetraf0ur 2022-06-24 21:11:41
что лежит в coin?

react_js-1479887.jpg

tetraf0ur 2022-06-24 21:14:30
ox1dov 2022-06-24 21:14:02

убери [] в типе useState тогда

tetraf0ur 2022-06-24 21:14:44
вместо Cointype[] -> CoinType
ox1dov 2022-06-24 21:15:07
react_js-1479890.jpg
тогда вот такое выпадает
|