Create React-Komponente, die teilweise semantic-ui Rasterzeile zurückgibt

Question

Ich möchte Komponenten einer Vorlage ausgebrochen haben und Kompilierungsfehler erhalten, wenn semantic-ui verwendet wird. (Unerwartetes Token (11:12))

Möglicherweise benötigen Sie einen geeigneten Loader, um diesen Dateityp zu verarbeiten.

import React, { Component } from 'react'; 
import { Container, Label, Grid } from 'semantic-ui-react' 

export default class StatusLine extends Component { 
    constructor(props) { 
     this.state = props.fyrevm; 
    } 

    render() { 
     return (
      <Grid.Row> 
       <Grid.Column width={8}> 
        <Container textAlign='right'> 
         <Label sub>Score</Label><span>{this.state.score}</span> 
         <Label sub>Turn</Label><span>{this.state.turn}</span> 
         <Label sub>Time</Label><span>{this.state.time}</span> 
        </Container> 
       </Grid.Column> 
      </Grid.Row> 
     ); 
    } 
} 

Answer 1

Sind Sie sicher, semantic-ui-react wurde installiert?