падажжи, а FirstStep, SecondStep, ThirdStep (дурацкие названия) - одинаковые по верстке?

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

Так ты же можешь роутингом контролировать

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

https://codesandbox.io/s/tender-architecture-cdl16 вот тут можно пожмакать, работает все, но меня смущает написание страницы FormSteps

ребят

есть тут кто не спящий?

есть тут кто не спящий?

шо?)

В общем, такая проблема ( возможно нубская )

у меня есть 1 компонент, собсно опросник. И внутри есть есть Stepper ( прогресс бар с кнопкой далее )

И вот, когда юзер доходит до последнего вопроса, кнопка далле должна стать кнопкой готово

и всё бы хорошо, но!

Эту проверку мне нужно делать в componentDidUpdate или render или подобном хуке

но если я меняю там стейт

это запускает бесконечный цикл ререндера

есть какой-то типичный солюшн для этого ( когда нужно менять стейт на каждом шаге ререндера одного и того же компонента )

P.S. forceUpdate не помог

а что ты в стейте хранишь?

а лучше кодл компонента покажи

а что ты в стейте хранишь?

О господи

Теперь мне будут кошмары сниться

Теперь мне будут кошмары сниться

ну а как это правильно сделать?

Во первых стейт меняется с помощью setState

Во первых стейт меняется с помощью setState

почитай вопрос, пожалуйста

почитай вопрос, пожалуйста

У тебя переменная this.isLastStep не меняется. Конечно вечный цикл будет. Но никто не пишет код так как ты

У тебя переменная this.isLastStep не меняется. Конечно вечный цикл будет. Но никто не пишет код так как ты

переменная lastStep береться из пропсов

и на послденем шаге она меняеться

и вот

начинаеться пиздец

переменная lastStep береться из пропсов

Тебе не надо в стейте хранить это. Просто условие в рендере сделай и все. Если lastStep рисуешь одно, иначе другое

Тебе не надо в стейте хранить это. Просто условие в рендере сделай и все. Если lastStep рисуешь одно, иначе другое

блин, спасибо

ебать я дебил

ахахах, чёто даже не подумал об этом

серьезно

без сарказма, рил спасибо!)

без сарказма, рил спасибо!)

И в 99 случаях из 100 можно без forceUpdate обойтись. Если нет, значит ты чтото пишешь не так

И в 99 случаях из 100 можно без forceUpdate обойтись. Если нет, значит ты чтото пишешь не так

это понятно. Ну тут через setState никак нельзя было сделать

и вот условия на рендер разных елементов, да. Тут я тупонул жестко

Ребят,подскажите почему?:/

Ребят,подскажите почему?:/

Потому что значение по умолчанию пустой объект, и нигде не меняется

Потому что значение по умолчанию пустой объект, и нигде не меняется

в react.tools, показывает нормальный стейт,который меняется. Может ли быть проблема в mapDispatchToProps?

что за название для редьюсера removeBook? :)

что за название для редьюсера removeBook? :)

Тестовое) лучше помогите🙃

Тестовое) лучше помогите🙃

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

Помогите с cross-env, нужно чтобы при билде менялась переменая в app.js

Помогите с cross-env, нужно чтобы при билде менялась переменая в app.js

и при чем тут реакт канал?

и при чем тут реакт канал?

cross-env вшит в "react-create-app", поэтому и спрашиваю, может кто разбирался с ним

Посоветуйте простенькую библиотеку для Реакт ui

Semantic UI

Посоветуйте простенькую библиотеку для Реакт ui

Bootstrap

cross-env вшит в "react-create-app", поэтому и спрашиваю, может кто разбирался с ним

все что вшито в cra очень подробно описано в доке, твой вопрос ни о чем просто, не понятно что ты хочешь

cross-env вшит в "react-create-app", поэтому и спрашиваю, может кто разбирался с ним

https://facebook.github.io/create-react-app/docs/adding-custom-environment-variables вот здесь вроде бы все достаточно понятно описано. Если вам нужно разное значение переменной в зависимости от среды, то в коде можно так написать: const variable = process.env.NODE_ENV === 'production' ? 'prod_value' : 'dev_value'; Но по хорошему такие переменные должны быть в конфигах и в зависимости от среды вы должны подгружать один или другой конфиг, возможно еще мержить его с каким-то общим, зависит от проекта.

Всем спасибо, разобрался немного, оказалось не получиться сделать то-что я захотел так-как импорт модуля нельзя взять из переменой.

Всем спасибо, разобрался немного, оказалось не получиться сделать то-что я захотел так-как импорт модуля нельзя взять из переменой.

что значит взять импорт модуля из переменной?

лучше просто скажи что хотел, может есть другое решение проще

что значит взять импорт модуля из переменной?

import connect from 'asd' + process.env.NODE_ENV ;

Разные модули в зависимости от prod или dev среды

ну это по другому решается

а вообще можно и с переменной

Подкиньте интересный пример на редаксе с хуками

import connect from 'asd' + process.env.NODE_ENV ;

Динамический импорт умеет

Ку. Подскажите пожалуйста... Сейчас почитал про редакс. Везде пишут, что в редакс не нужно делать всяких сайд эффектов (на вроде http-запросов). Ок, тогда где их делать? Основной statefull компонент и так достаточно большой получился. А если туда ещё и логику запросов накидать, то вообще слишком много получится.

Ку. Подскажите пожалуйста... Сейчас почитал про редакс. Везде пишут, что в редакс не нужно делать всяких сайд эффектов (на вроде http-запросов). Ок, тогда где их делать? Основной statefull компонент и так достаточно большой получился. А если туда ещё и логику запросов накидать, то вообще слишком много получится.

Запросы в санках

Запросы в санках

Где?

Где?

Redux thunk

Спасибо

Можешь брать ещё саги, аполо, релэй, что угодно. Если правильно понял

Ку. Подскажите пожалуйста... Сейчас почитал про редакс. Везде пишут, что в редакс не нужно делать всяких сайд эффектов (на вроде http-запросов). Ок, тогда где их делать? Основной statefull компонент и так достаточно большой получился. А если туда ещё и логику запросов накидать, то вообще слишком много получится.

Пожалуйста, посмотрите официальную документацию

Там все ОЧЕНЬ подробно описано. В нее вложено масса сил

Пожалуйста, посмотрите официальную документацию

Я пока наверное не добрался. Реакт пару недель назад начал изучать, а приложение на работе уже сейчас нужно. Спасибо за подсказку)

Ку. Подскажите пожалуйста... Сейчас почитал про редакс. Везде пишут, что в редакс не нужно делать всяких сайд эффектов (на вроде http-запросов). Ок, тогда где их делать? Основной statefull компонент и так достаточно большой получился. А если туда ещё и логику запросов накидать, то вообще слишком много получится.

В action creators запросы делают

Что то не понял, я вот про редакс. Есть стор const initialState = { isStartQuiz: false }; И действие const startQuiz = () => ({type: 'START_QUIZ'}); В редьюсере я возвращаю объект который надо заменить в сторе. return {...state, isStartQuiz: !state.isStartQuiz}; А где писать логику дополнительную, к примеру что мне надо на body повесить класс .start-quiz ?

Что то не понял, я вот про редакс. Есть стор const initialState = { isStartQuiz: false }; И действие const startQuiz = () => ({type: 'START_QUIZ'}); В редьюсере я возвращаю объект который надо заменить в сторе. return {...state, isStartQuiz: !state.isStartQuiz}; А где писать логику дополнительную, к примеру что мне надо на body повесить класс .start-quiz ?

В компоненте где вызываешь экшен

В компоненте где вызываешь экшен

На кнопку вешаю слушатель на клик onClick={() => startQuiz()} туда же записать обработчик этого клика? Например так onClick={() => startQuiz() this.handleClick() } ?

На кнопку вешаю слушатель на клик onClick={() => startQuiz()} туда же записать обработчик этого клика? Например так onClick={() => startQuiz() this.handleClick() } ?

Ну можно и так, можно просто передать одну функцию и там уже вызвать все что тебе надо

Ну я через коннект передал в пропсы эту функцию const startQuiz = () => ({type: 'START_QUIZ'}); А как помимо тайпа сделать еще что то ?

Ну я через коннект передал в пропсы эту функцию const startQuiz = () => ({type: 'START_QUIZ'}); А как помимо тайпа сделать еще что то ?

Хз, обычно в редаксе все через экшн

Вот такой темплейт, я не пойму куда писать доп логику

middleware