javascript 反应功能组件

Posted 2021-05-04

import React from 'react';
import PropTypes from 'prop-types';
import { cx, css } from 'react-emotion';

const FunctionalComponent = ({
  className,
}) => {
  const wrapperStyle = cx(
    css``,
    className,
  );

  return (
    <div
      className={wrapperStyle}
    >
      <p>Hello FunctionalComponent</p>
    </div>
  );
};

FunctionalComponent.propTypes = {
  className: PropTypes.string,
};

FunctionalComponent.defaultProps = {
  className: null,
};

export default FunctionalComponent;