Можно ли использовать .propTypes и .defaultProps в компоненте styled-компонента? - PullRequest
Новая
       16

Можно ли использовать .propTypes и .defaultProps в компоненте styled-компонента?

0 голосов
/ 11 апреля 2020

Можно ли определять propTypes и defaultProps непосредственно в стилизованном компоненте? В противном случае я должен дать имя экспорту по умолчанию; Я просто хотел бы оставить все как есть. Компонент: 

import React from "react";
import PropTypes from "prop-types";
import styled from "styled-components";

/**
 * This component renders a div with a specified color.
 */

export default ({ color, children }) => <Box color={color}>{children}</Box>;

const Box = styled.div`
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;

  color: white;
  font-weight: bold;
  font-size: 1.2rem;

  background-color: ${({ color }) => color};
  margin: 6px;
`;

Box.propTypes = {
  color: PropTypes.string,
}

Box.defaultProps = {
  color: "grey",
}
...