Preview:
import React, { useState, useEffect } from "react";

const ExampleComponent = () => {
  const [input, setInput] = useState("");

  useEffect(() => {
    // This effect will be re-executed on every render
  }, []);

  return (
    <div>
      <input
        type="text"
        value={input}
        onChange={(e) => setInput(e.target.value)}
      />
    </div>
  );
};
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