introduction
Last Updated on: 7th Aug 2025 17:46:14 PM
unary
#include<iostream>
using namespace std;
class data
{
public:
int num;
data(int n)
{
num=n;
}
data operator++()
{
num=++num;
return num;
}
void display()
{
cout<<"value is "<<num;
}
};
int main() {
data t1(10),result(0);
++t1;
result=++t1;
result.display();
return 0;
}
binary
#include<iostream>
using namespace std;
class data
{
public:
int num;
data(int n)
{
num=n;
}
data operator+(data t2)
{
data t3(0);
t3.num=num+t2.num;
return t3;
}
void display()
{
cout<<"value is "<<num;
}
};
int main() {
data t1(10),t2(20),result(0);
result=t1+t2;
result.display();
return 0;
}
import React, { useState } from "react";
// store object in array
const Form = () => {
// state variable for input data
const [data, setData] = useState({
Username: "",
email: ""
})
// state variable for empty array for storing object
const [studentData, setStudentData] = useState([]);
const onChange = (e) => {
setData({ ...data, [e.target.name]: e.target.value })
}
// object destructure
let { Username, email } = data
// add in array button
const onSubmit = (e) => {
e.preventDefault()
setStudentData([...studentData, { Username, email }])
// console.log(studentData);
console.log(data, "input data");
setData({ Username: "", email: "" })
}
// check array of object in console
// function checkobject(e) {
// e.preventDefault()
// console.log("object store in array data ", studentData,);
// }
return (
<>
<form >
{/* onSubmit={onSubmit} */}
<h1>Student Registration</h1>
<input type="text" value={data.Username} name="Username" onChange={onChange} placeholder="Username" />
<br />
<input type="text" value={data.email} name="email" onChange={onChange} placeholder="Email" />
<br />
<br />
<button onClick={onSubmit} type="submit">save</button>
{/* <button onClick={checkobject}>Check Object data in console </button> */}
</form>
<center>
<h2 style={{ color: "red" }}>Student Record</h2>
<table border={1} style={{ width: "30%", marginTop: "20px" }}>
<thead>
<tr>
<th>Name</th>
<th>Email</th>
</tr>
{
studentData.map((mydata, index) => {
return (
<tr key={index}>
<td>{mydata.Username}</td>
<td>{mydata.email}</td>
</tr>
)
})
}
</thead>
</table>
</center>
</>
)
}
export default Form