React TypeScript 项目基本构建 2

import React, { useState } from 'react';
/**@jsx jsx */
import { jsx, css } from '@emotion/core';
const YdButton2: React.FC = () => {
  const [count, setCount] = useState(0);
  const handleClick = () => {
    setCount(count + 1);
  };
  return (
    <div css={css`
          margin:100px;
    `}>
      <span css={css`
            margin-right:10px;
          `}>
          {count}
      </span>
      <button css={css`
          height: 20px;
          line-height: 20px;
          min-width: 30px;
          text-align: center;
          vertical-align: middle;
          font-size: 12px;
          color: #fff;
          background-color: rgb(16, 134, 207);
          border: 0;
      `} onClick={handleClick}>
        plus
      </button>
    </div>
 )
}
export default YdButton2;

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
// import './components/YdButton.css';
// import YdButton from './components/YdButton';
import YdButton2 from './components/YdButton2';
import * as serviceWorker from './serviceWorker';
ReactDOM.render(
<React.StrictMode>
{/* <YdButton>Button</YdButton> */}
<YdButton2 />
</React.StrictMode>,
 document.getElementById('root')
);
serviceWorker.unregister();