Тип стил-компонентов в реакции - PullRequest
Новая
       7

Тип стил-компонентов в реакции

0 голосов
/ 07 декабря 2018

Я использую Styled-компоненты в моем проекте.И пусть этот компонент 

const Title = styled.h1`
  font-size: 1.5em;
  text-align: center;
  color: #000;
`;

, и я не знаю, какой тип мне нужно добавить для этого компонента. Title: React $ ComponentType <<code>any> работает, но я считаю, что это плохая идея.

Я ищу свою проблему и нахожу это 

type StyleValue = {[key: string]: Object} | number | false | null;
type StyleProp = StyleValue | Array<StyleValue>;

, но это для реактивной системы, и я не могу обновить ее для своего проекта

1 Ответ

0 голосов
/ 08 декабря 2018

Я не совсем уверен, что вы спрашиваете, но я приведу пример в надежде, что это поможет вам понять.Пожалуйста, предоставьте больше информации.Ниже у меня есть мой Title компонент 

const Title = ({
  text,
  textColor,
}) => {
  return (
    <StyledTitle textColor={color}>
      {text}
    </StyledTitle>
  );
};

Title.propTypes = {
  text: PropTypes.string,
  textColor: PropTypes.string,
};

export default Title;

Используя Styled-components У меня тогда есть мой StyledTitle.js файл: 

const StyledTitle = styled.h1`
  color: `${props => props.textColor} || black`;
  font-size: 1.5em;
  text-align: center;
`;

export default StyledTitle;

Надеюсь, это поможет вам.

...