Блог

Я работаю над проектом React, и WebStorm — моя среда разработки, но я заметил, что всякий раз, когда я хочу написать некоторые реквизиты для своих компонентов, я не получаю должным образом intellisense. Я использую Create- React-App и React-CSS-Modules как библиотеку стилей.

Компонент флажка:

 const CheckboxWrapperInner = ({
  isSelected,
  customStyleName = 'checkbox',
  hex6Color = '#221ecc',
  additionalSelectedStyles = {
    borderColor: hex6Color || '#221ecc',
  },
  additionalUnselectedStyles = {
    backgroundColor: 'transparent',
  },
  label,
  onClick = () => {},
}) 

// ... some code

const CheckboxInner = ({...rest}) => {
  return <CheckboxWrapper customStyleName="checkbox" {...rest}></CheckboxWrapper>;
};

const CheckboxWrapper = CSSModules(CheckboxWrapperInner, style, {
  allowMultiple: true,
  handleNotFoundStyleName: 'ignore',
});
export const Checkbox = CSSModules(CheckboxInner, style, {allowMultiple: true});
 

завершение props не работает для компонентов с HOC (например export default withStyles(styles)(MyComponent) , и т. Д.). И для каждого HOC требуется добавление специальной поддержки. Связанные билеты: WEB-38369, WEB-47862