Can not parse function component
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 4/5
- Tiempo estimado
- 3-5 días
- Aptitud para principiantes
- 35/100
- Tipo de issue
- Error
- Claridad
- Bastante claro
- Estado de actividad
- Estancado
- Stack tecnológico
- javascript, react
- Área
- documentation, tooling
Línea de trabajo
Reproduce el fallo con el ejemplo JSX indicado como src/app/components/Checkbox.jsx usando react-styleguidist 9.1.2. En el informe no se menciona ningún archivo de test o parser; se considera terminado cuando el componente funcional se analiza sin un RangeError, mientras que los componentes de clase siguen analizándose correctamente.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
I using react-styleguidist.
But fuctional component is can't parse.
my code:
import React from 'react';
import PropTypes from 'prop-types';
import classNames from 'classnames';
import { sizeEnum } from '../../types/enum';
import styles from './Checkbox.module.scss';
/**
* Design Guide Checkbox.
*/
function Checkbox(props) {
const { id, name, value, label, size, checked, disabled, onChange } = props;
const labelClass = classNames(styles.label, styles[size]);
const inputClass = classNames(styles.input, styles[size]);
return (
<label className={labelClass} htmlFor={id}>
<input
type="checkbox"
id={id}
className={inputClass}
name={name}
value={value}
checked={checked}
disabled={disabled}
onChange={onChange}
/>
{label || value}
</label>
);
}
Checkbox.propTypes = {
/** id */
id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
/** input name */
name: PropTypes.string.isRequired,
/** input value */
value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
/** label */
label: PropTypes.string,
/** size */
size: PropTypes.oneOf([sizeEnum.large, sizeEnum.medium]),
/** checked */
checked: PropTypes.bool,
/** disabled */
disabled: PropTypes.bool,
/** onChange */
onChange: PropTypes.func,
};
Checkbox.defaultProps = {
label: '',
size: sizeEnum.medium,
checked: false,
disabled: false,
onChange: () => null,
};
export default Checkbox;
display message:
Warning: Cannot parse src/app/components/Checkbox.jsx: RangeError: Maximum call stack size exceeded
class component is parsed well.
react-styleguidist version is 9.1.2
- Lenguaje dominante
- TypeScript
- Estrellas
- 3.8k
- Forks
- 316
- Merge medio
- 3 h 28 min
- PR fusionados (30 d)
- 6
Guía de contribución
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de reactjs/react-docgen
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
reactjs/react-docgen#1102 ·
-
Typescript Status Abierto
Dificultad 5/5 Más de una semana Aptitud para principiantes 20/100
reactjs/react-docgen#1005 · 4 reacciones ·
-
Dificultad 3/5 1-2 días Aptitud para principiantes 48/100
reactjs/react-docgen#997 ·
-
Dificultad 3/5 1-2 días Aptitud para principiantes 42/100
reactjs/react-docgen#994 · 1 comentario ·
-
Dificultad 4/5 3-5 días Aptitud para principiantes 25/100
reactjs/react-docgen#982 · 2 comentarios ·
Todos los issues de reactjs/react-docgen
Issues similares
-
bug(cli): hapi doctor inline-media prints a fabricated B:\ helper-script path in packaged installs Abierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 70/100
-
Crush Abierto
Dificultad 1/5 Menos de una hora Aptitud para principiantes 85/100
catppuccin/catppuccin#3125 ·
-
Add a SECURITY.md Abierto
Dificultad 1/5 Menos de una hora Aptitud para principiantes 90/100
ElementsProject/cln-application#167 · 1 comentario · 1 reacción ·
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100
Quantco/pnpm-licenses#17 ·
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100