48 lines
1.7 KiB
JavaScript
48 lines
1.7 KiB
JavaScript
// src/pages/EditObject.js
|
|
import React, { useState, useEffect } from 'react';
|
|
import { useParams, Link } from 'react-router-dom';
|
|
import useAuth from '../contexts/useAuth';
|
|
import axios from 'axios';
|
|
|
|
const EditObject = () => {
|
|
const auth = useAuth();
|
|
const { id } = useParams(); // получаем ID объекта из маршрута
|
|
const [object, setObject] = useState({});
|
|
|
|
useEffect(() => {
|
|
const fetchObject = async () => {
|
|
try {
|
|
const response = await axios.get(`/api/get-object/${id}`);
|
|
setObject(response.data.object);
|
|
} catch (err) {
|
|
console.error(err.response ? err.response.data : err.message);
|
|
}
|
|
};
|
|
|
|
fetchObject();
|
|
}, [id]);
|
|
|
|
const handleSubmit = async e => {
|
|
e.preventDefault();
|
|
try {
|
|
await axios.put(`/api/edit-object/${id}`, object); // тут ваш endpoint
|
|
alert("Объект успешно обновлён!");
|
|
} catch (err) {
|
|
console.error(err.response ? err.response.data : err.message);
|
|
}
|
|
};
|
|
|
|
return (
|
|
<div className="container">
|
|
<h2>Редактировать объект №{id}</h2>
|
|
<form onSubmit={handleSubmit}>
|
|
<input type="text" placeholder="Название" value={object.title || ""} onChange={(e) => setObject({...object, title: e.target.value})} /><br/><br/>
|
|
<textarea rows="4" cols="50" placeholder="Описание" value={object.description || ""} onChange={(e) => setObject({...object, description: e.target.value})} /><br/><br/>
|
|
<button type="submit">Обновить</button><br/><br/>
|
|
<Link to="/dashboard">Вернуться в личный кабинет</Link>
|
|
</form>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default EditObject; |