Preview:
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;
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