function handleSubmit(event) {
event.preventDefault();
// Получаем значения из состояния
const { input1, input2 } = state;
// Проверяем, заполнены ли инпуты
if (!input1 || !input2) {
// Если нет, выполняем редирект на специальную страницу ошибок
const navigate = useNavigate();
navigate('/error');
} else {
// Если инпуты заполнены, выполняем действия (например, отправку формы на сервер)
}
}
import { useState } from 'react';
function handleSubmit(event) {
event.preventDefault();
// Получаем значения из состояния
const { input1, input2 } = state;
// Проверяем, заполнены ли инпуты
if (!input1 || !input2) {
// Если нет, выполняем редирект на специальную страницу ошибок
const navigate = useNavigate();
navigate('/error');
return;
}
// Если инпуты заполнены, выполняем другие действия (например, отправку формы на сервер)
}
function render() {
const [state, setState] = useState({
input1: '',
input2: ''
});
return (
<form onSubmit={handleSubmit}>
<input
name="input1"
value={state.input1}
onChange={(e) => setState({ ...state, input1: e.target.value })}
/>
<input
name="input2"
value={state.input2}
onChange={(e) => setState({ ...state, input2: e.target.value })}
/>
<button type="submit">Submit</button>
</form>
);
}
import { Route } from 'react-router-dom';
function App() {
return (
<div>
{/* Другие роуты вашего приложения */}
<Route path="/error" component={ErrorPage} />
</div>
);
}