2017-03-25 2 views
0

J'ai essayé d'utiliser react-css-modules en tapuscrit, mais j'ai reçu un message d'erreur qui ne peut pas ajouter styleName à un élément div.Voici le code.La propriété 'styleName' n'existe pas sur le type 'HTMLProps <HTMLDivElement>'

import * as Immutable from 'immutable'; 
import * as React from 'react'; 
import * as CSSModules from 'react-css-modules'; 
import { connect } from 'react-redux'; 
import { bindActionCreators, Dispatch } from 'redux'; 
const styles = require<any>('./style.scss'); 

interface RootProps { 
    data: Immutable.List<string>; 
    dispatch: Dispatch<any>; 
} 

@CSSModules(styles) 
export class Root extends React.Component<RootProps, {}>{ 
    render() { 
     return (
      <div styleName='root'> 
       Hello 
      </div> 
     ) 
    } 
} 


export default connect(mapStateToProps, mapDispatchToProps)(Root); 

J'ai reçu ce message d'erreur: 'Property 'styleName' does not exist on type 'HTMLProps<HTMLDivElement>'

Et TSConfig

"compilerOptions": { 
    "target": "es5", 
    "moduleResolution": "node", 
    "jsx": "react", 
    "experimentalDecorators": true, 
    "removeComments": true, 
    "preserveConstEnums": true, 
    "allowSyntheticDefaultImports": true, 
    "allowJs": true, 
    "sourceMap": true, 
} 
+1

Vouliez-vous dire 'className'? –

+0

Au lieu de créer une capture d'écran du code, le recadrage et le téléchargement, vous devez avoir copié et collé le code lui-même – Andreas

+0

Je veux ajouter une classe 'root' à div element.But doit utiliser la propriété styleName – fariyAhill

Répondre

1

Utilisez les types de @/réagir-modules css.

npm install --save-dev @types/react-css-modules 

Ou,

yarn add @types/react-css-modules --dev