创建返回部分语义-ui网格行的React组件

Question

我希望在使用semantic-ui时打破模板的组件并获得编译错误。 （意外的令牌（11:12））

您可能需要适当的加载程序来处理此文件类型。

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

您确定已安装semantic-ui-react吗？