styled-components and Glamorous support
Personne n'a encore pris cette issue.
Évaluation
- Difficulté
- 4/5
- Temps estimé
- 3-5 jours
- Accessibilité débutants
- 42/100
- Type d'issue
- Bug
- Clarté
- Plutôt claire
- Activité
- À l'abandon
- Stack technique
- javascript, react, typescript
- Domaine
- documentation, tooling
Piste de recherche
Reproduisez l’erreur signalée « No suitable component definition found » avec les exemples styled-components et Glamorous, puis examinez le react-docgen resolver et la modification référencée par #195. C’est terminé lorsque les deux exemples sont reconnus comme des composants valides sans l’erreur signalée.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Description
Further to this discussion https://github.com/styleguidist/react-styleguidist/issues/37
If you are using styled-components, you may have a component similar to:
import styled, { css } from "styled-components";
import PropTypes from "prop-types";
const Button = styled.a`
background: transparent;
color: white;
${({primary}) =>
!!primary &&
css`
background: white;
color: palevioletred;
`};
`;
Button.propTypes = {
primary: PropTypes.bool
};
export default Button;
or, with Glamorous:
import glamorous from "glamorous";
import PropTypes from "prop-types";
const Button = glamorous.button({
background: "transparent",
color: "white"
},
({ primary }) => (!!primary && {
background: "white",
color: "palevioletred"
})
);
Button.propTypes = {
primary: PropTypes.bool
};
This doesn't import React, so afaik is why the react-docgen resolver does not pick it up as a valid component.
No suitable component definition found.
Is there an existing way to get this to work e.g. with a custom resolver? Or is a bugfix/new feature needed?
#195 looks like it resolves this, and is marked as closed as the feature in v3. I've installed [email protected] but still get the issue with the above 2 examples.
- Langage dominant
- TypeScript
- Étoiles
- 3.8k
- Forks
- 316
- Merge moyen
- 2 h 29 min
- PR mergées (30 j)
- 5
Préparer son environnement
Par où commencer
- Lisez l'issue en entier, puis le guide de contribution du projet.
- Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
- Forkez le dépôt et travaillez sur une branche.
- Ouvrez une pull request qui référence le numéro de l'issue.
Autres issues de reactjs/react-docgen
-
Difficulté 2/5 1-3 heures Accessibilité débutants 78/100
reactjs/react-docgen#1102 ·
-
Typescript StatusOuverte
Difficulté 5/5 Plus d'une semaine Accessibilité débutants 20/100
reactjs/react-docgen#1005 · 4 réactions ·
-
Difficulté 3/5 1-2 jours Accessibilité débutants 48/100
reactjs/react-docgen#997 ·
-
Difficulté 3/5 1-2 jours Accessibilité débutants 42/100
reactjs/react-docgen#994 · 1 commentaire ·
-
Difficulté 4/5 3-5 jours Accessibilité débutants 25/100
reactjs/react-docgen#982 · 2 commentaires ·
Toutes les issues de reactjs/react-docgen
Issues similaires
-
Mend: dependency security vulnerability untriaged
Difficulté 2/5 1-3 heures Accessibilité débutants 68/100
opensearch-project/security-dashboards-plugin#2545 ·
Les mainteneurs répondent en général sous 1 jour
-
Add: Dream TR SDOuvertecheck:passed streams:add
Difficulté 2/5 1-3 heures Accessibilité débutants 70/100
Les mainteneurs répondent en général sous 1 jour
-
doctor integrity sample scans soft-deleted pages on Postgres (batch path has no deleted_at filter)Ouverte
Difficulté 2/5 1-3 heures Accessibilité débutants 88/100
Les mainteneurs répondent en général sous 1 jour
-
Difficulté 1/5 Moins d'une heure Accessibilité débutants 72/100
SocialGouv/egapro#4672 · 1 commentaire ·
Les mainteneurs répondent en général sous 2 jours
-
area:agents area:tui bug
Difficulté 2/5 1-3 heures Accessibilité débutants 74/100
anthropics/claude-code#98358 ·
Les mainteneurs répondent en général sous 1 jour