import React, { useState } from 'react';
function Example() {
const [user, setUser] = useState({
name: 'John Doe',
age: 30
});
return (
<div>
<p>Name: {user.name}</p>
<p>Age: {user.age}</p>
<p>Email: {user.email}</p>
<button onClick={() => setUser({ ...user, name: 'Jane Doe' })}>Change Name</button>
<button onClick={() => setUser({ ...user, email: 'jane.doe@example.com' })}>Add Email</button>
<button onClick={() => {
const { age, ...rest } = user;
setUser(rest);
}}>Delete Age</button>
</div>
);
}
export default Example;
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter