safaribook-aspnet-core5-and-react/QandA/frontend/src/Header.tsx

import React from 'react';
import { UserIcon } from './Icons';

export const Header = () => {
  const handleSearchInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
    console.log(e.currentTarget.value);
  };

  return (
    <div>
      <a href="./">Q & A</a>
      <input
        type="text"
        placeholder="Search ..."
        onChange={handleSearchInputChange}
      />
      <a href="./signin">
        <UserIcon />
        <span>Sign In</span>
      </a>
    </div>
  );
};