Karten in Reactjs

Question

Fehler: TypeError: Kann Eigenschaft "Karte" von undefined nicht lesen.

• Wenn ich den Inhalt className = {classes.card} entfernen, funktioniert es gut.

• Aber ohne Klassen kann ich Const Styles nicht verwenden. Vielen Dank im Voraus

  importieren Reagieren von 'reagieren'; Import PropTypes von 'Prop-Typen'; Import {withStyles} von 'Material-ui/Stile'; Karte, {CardActions, CardContent, CardMedia} aus 'Material-UI/Karte' importieren; Import-Schaltfläche von 'Material-Ui/Button'; Import Typografie aus 'Material-UI/Typografie';

  const styles = { 
      card: { 
      maxWidth: 345, 
      }, 
      media: { 
      height: 200, 
      }, 
  }; 
  function SimpleMediaCard(props) { 
      const classes = props.classes; 
      return (
      <div> 
       <Card className={classes.card}> 
       <CardMedia 
        title="Contemplative Reptile" 
       /> 
       <CardContent> 
        <Typography type="headline" component="h2"> 
        Lizard 
        </Typography> 
        <Typography component="p"> 
        Lizards are a widespread group of squamate reptiles, with over 6,000 species, ranging 
        across all continents except Antarctica 
        </Typography> 
       </CardContent> 
       <CardActions> 
        <Button dense color="primary"> 
        Share 
        </Button> 
        <Button dense color="primary"> 
        Learn More 
        </Button> 
       </CardActions> 
       </Card> 
      </div> 
  ); 
  } 
  
  SimpleMediaCard.propTypes = { 
      classes: PropTypes.object.isRequired, 
  }; 
  
  export { SimpleMediaCard }; 
  

Answer 1

Die Eigenschaft className eine Zeichenfolge enthalten soll, zB `classname = "btn btn-large"

Das Objekt style ein Objekt erwartet, zB style={{maxWidth: 345}}

Also ich denke, Sie wirklich soll sagen <Card style={styles.card}