Files
tp/easySite/easy-site/src/pages/AddObject.js
T
valitovgaziz 5898bc6d5a modified: .gitignore
new file:   easySite/easy-site/README.md
	new file:   easySite/easy-site/package-lock.json
	new file:   easySite/easy-site/package.json
	new file:   easySite/easy-site/public/favicon.ico
	new file:   easySite/easy-site/public/index.html
	new file:   easySite/easy-site/public/logo192.png
	new file:   easySite/easy-site/public/logo512.png
	new file:   easySite/easy-site/public/manifest.json
	new file:   easySite/easy-site/public/robots.txt
	new file:   easySite/easy-site/src/App.css
	new file:   easySite/easy-site/src/App.js
	new file:   easySite/easy-site/src/App.test.js
	new file:   easySite/easy-site/src/contexts/AuthContext.js
	new file:   easySite/easy-site/src/contexts/useAuth.js
	new file:   easySite/easy-site/src/index.css
	new file:   easySite/easy-site/src/index.js
	new file:   easySite/easy-site/src/logo.svg
	new file:   easySite/easy-site/src/pages/AddObject.js
	new file:   easySite/easy-site/src/pages/Dashboard.js
	new file:   easySite/easy-site/src/pages/EditObject.js
	new file:   easySite/easy-site/src/pages/Home.js
	new file:   easySite/easy-site/src/pages/Login.js
	new file:   easySite/easy-site/src/pages/Register.js
	new file:   easySite/easy-site/src/reportWebVitals.js
	new file:   easySite/easy-site/src/setupTests.js
	new file:   package-lock.json
	new file:   package.json
	modified:   valitovgaziz/html/saveContactsButtonStyle.css
Add the easy_site site on react
2025-07-18 16:26:11 +05:00

35 lines
1.2 KiB
JavaScript

// src/pages/AddObject.js
import React, { useState } from 'react';
import { Link } from 'react-router-dom';
import useAuth from '../contexts/useAuth';
import axios from 'axios';
const AddObject = () => {
const auth = useAuth();
const [title, setTitle] = useState('');
const [description, setDescription] = useState('');
const handleSubmit = async e => {
e.preventDefault();
try {
await axios.post('/api/add-object', { title, description }); // сюда ваш endpoint
alert("Объект успешно добавлен!");
} catch (err) {
console.error(err.response ? err.response.data : err.message);
}
};
return (
<div className="container">
<h2>Добавить объект</h2>
<form onSubmit={handleSubmit}>
<input type="text" placeholder="Название" required onChange={(e) => setTitle(e.target.value)} /><br/><br/>
<textarea rows="4" cols="50" placeholder="Описание" required onChange={(e) => setDescription(e.target.value)} /><br/><br/>
<button type="submit">Добавить</button><br/><br/>
<Link to="/dashboard">Вернуться в личный кабинет</Link>
</form>
</div>
);
};
export default AddObject;