react 无状态组件 传值

import React from 'react';

import Chren from './Chren';

const Parent: React.FC = () => {
  const checkme = () => {
    console.log('我被点击了');
  };
  return <Chren userName="yytwow" checkme={checkme} />;
};
export default Parent;

 

import { Button } from 'antd';
import React from 'react';

export type userProps = {
  userName?: string;
  checkme: () => void;
};
const Chren: React.FC<userProps> = (props) => {
  console.log(props);

  return (
    <>
      <Button type="primary" onClick={props.checkme}>
        Primary Button
      </Button>
      {props.userName}
    </>
  );
};
export default Chren;