progway — программирование, IT

Ответственность состояния

Есть код:

const [isFormSubmited, setFormSubmited] = React.useState({
  submited: false,
  submitedText: "",
  submitedError: "",
  submitedColor: "",
});


setFormSubmited({
  submited: true,
  submitedText: "Вы успешно зарегистрировались!",
  submitedError: "",
  submitedColor: "#238C47",
});

Как можно было бы сделать:

enum FormState {
 Success,
 Error,
 WaitingForAction
}

const [formState, setFormState] = useState<FormState>(FormState.WaitingForAction);

Ну и в зависимости от formState рисовать любую фразу любого цвета, которого хочется. В этом случае вообще не понятно почему цвет текста и текст сообщения были вынесены в состояние. Оставьте это в вёрстке, зачем в состояние то.

@prog_way_blog — #review

👍19🔥4🐳3🤔1

www.tgoop.com/prog_way_blog/243

1.47K viewsApr 26, 2024 at 08:07

Ответственность состояния

Есть код:

const [isFormSubmited, setFormSubmited] = React.useState({
  submited: false,
  submitedText: "",
  submitedError: "",
  submitedColor: "",
});


setFormSubmited({
  submited: true,
  submitedText: "Вы успешно зарегистрировались!",
  submitedError: "",
  submitedColor: "#238C47",
});

enum FormState {
 Success,
 Error,
 WaitingForAction
}

const [formState, setFormState] = useState<FormState>(FormState.WaitingForAction);

BY progway — программирование, IT