Size: a a a

React: русскоязычное сообщество

2021 May 15

NN

Nurbek Nurjanov in React: русскоязычное сообщество
Такой вопрос

Реакт очень странно выполняет очередь задач. Очень странно

   useEffect(()=>{
       if(count===2){
           const history2 = history.push('/page2');
           console.log('history2', history2)
       }
   })

   const onClickEvent = async ()=>{
       await new Promise(resolve => {
           setCount(2);
           resolve(true);
       });
       const history1 = history.push('/page1');
       console.log('history1', history1);
   };

1) Сперва работает промис, он меняет состояние count
2) UseEffect реагирует и делает редирект в page2
3) Последняя команда после промиса выполняет последнюю команду редирект в page1

В консоль выходит вот что
history2 undefined
history1 undefined

Я с этим согласен, первым работает history2, последним работает history1
Но браузер делает редирект в page2.
Почему ?? Последний редирект, он же в page1 делает редирект.

Как ?? Почему ??
источник

ЮЧ

Юра Чеботаев... in React: русскоязычное сообщество
Насколько я понимаю у вас в history будет обе страницы
источник

NN

Nurbek Nurjanov in React: русскоязычное сообщество
как оба? я полагаю что вначале он должен редиректить на page2, потом после него выполниться редирект в page1

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

ЮЧ

Юра Чеботаев... in React: русскоязычное сообщество
источник

ЮЧ

Юра Чеботаев... in React: русскоязычное сообщество
Я только что проверил, действительно будет обе страницы в истории
источник

NN

Nurbek Nurjanov in React: русскоязычное сообщество
Ребята подскажите

someClickEvent = ()=>{

   setStateText({changeSomeState:'changedText'});

  someProdureCode1;
  someProdureCode2;
  someProdureCode3;
  someProdureCode4;
  someProdureCode5;
}


Когда сработает useEffect
Сразу после того как setStateText
или он как джентельмен подождет пока все процедрные коды выполнятся
или как хам он ревниво первым будет работать, после себя только дальше будут работать процедурные коды

Я когда дебажил
Мне показалось что конкретной последовательности нет
Когда useEffect вздумается проснутся и работать, вот тогда и будет работать
Возможно он сработает между
Посередине
между
  someProdureCode3;
  someProdureCode4;

А возможно между

  someProdureCode4;
  someProdureCode5;

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

Может посередние где то рандомно выполнится

Я правильно думаю ??
useEffect работает спонтанно после его вызова
источник

VL

Vitaly Logvinenko in React: русскоязычное сообщество
useEffect вызывается при рендере. Если в функции после setState псинхронные какие то методы, то будет не предсказуемо, нсли все синхронно, то setState выззовится на следующем тике и дождется выполнения всех синхронных методов
источник

☬ Sᴀʏᴅᴜʟʟᴏ ツ... in React: русскоязычное сообщество
Как вы пишет хлебные крошки?
Если нужно выводить не только ссылки, но и название страницы.
источник

Ю

Юрий in React: русскоязычное сообщество
Создать массив или объект всех рутов приложения и добавить поле описание
источник

DK

Dmitry Kozlov in React: русскоязычное сообщество
Есть этот стейт
const [seatsA] = useState([
   "A-01",
   "A-02",
   "A-03",
   "A-04",
   "A-05",
 ]);
И этот
const [seatsB] = useState([
   "A-01",
   "A-02",
   "A-03",
   "A-04",
   "A-05",
 ]);
Мне нужно в этот стейт передавать  значение того какой стейт я хочу использовать:
 const [seatIndicator, setSeatIndicator] = useState(seatsA); - если я так пишу, то работает, данные берутся из первого стейта seatsA.

Но если хочу селектом выбрать сам значение(seatsA, seatsB) и передать его в setSeatIndicator(e,target.value), value соответствует имени стейта  (seatsA, seatsB) , то не работает map этого стейта дальше в коде, т.к. value видимо передаётся как строка... Как мне поступить?
источник

A

Andu- in React: русскоязычное сообщество
ради интереса смотрел один такой
источник

A

Andu- in React: русскоязычное сообщество
ничего особого не рассказал, все можно найти самому в интернете
источник

XX

Xodor Xodorenko in React: русскоязычное сообщество
источник

XX

Xodor Xodorenko in React: русскоязычное сообщество
необходимо передать обернутой (PrivateRoute) компоненте пропсы как обычной, если записываю как через фигурные скобки то как по идеи должно то выдает ошибку.Как правильно передать?
источник
2021 May 16

R

Redfur in React: русскоязычное сообщество
Фигурные сколки оберни ещё обычными скобками
источник

DK

Dmitry Kozlov in React: русскоязычное сообщество
Ребята, помогите пожалуйста.
Как растянуть контейнер на всю высоту, чтобы не было внизу пустоты?
Использую react-bootstrap.
Советовали Conteiner flex:1 и body height:100% - не помогло..
источник

Ю

Юрий in React: русскоязычное сообщество
Height : calc(100vh - высота хедера) как вариант
источник

XX

Xodor Xodorenko in React: русскоязычное сообщество
источник

XX

Xodor Xodorenko in React: русскоязычное сообщество
По идеи так ?но почему то без разницы что передаю кражится
источник
2021 May 17

PD

Petya Danchuk in React: русскоязычное сообщество
а работодатель будет проверять если я в резюме левую компанию укажу в которой я на самом деле не работаю?
источник