未正确更新React复选框(语义用户界面)

这很奇怪,简单的复选框组件状态改变,道具不更新,用户界面不更新!

import React, { Component } from 'react';
import { Checkbox } from 'semantic-ui-react'

export default class UiCheckBox extends Component {
    constructor(props) {
        super(props);

        this.state = {
            name: '',
            label: '',
            checked: false
        };
    }

    render() {
        return (
            <Checkbox label={this.props.label} name={this.props.name} checked={this.props.checked} onChange={this.handleChange.bind(this)} />
        );
    }

    handleChange() {
        this.setState({
            checked: !this.state.checked
        });
        console.log("prop:" + this.props.checked);
        console.log("state:" + !this.state.checked);
    }
}

如果我改变

checked={this.props.checked}

为了这个

checked={this.state.checked}

它可以工作,但我不能设置复选框的初始值,我做错了什么,ps我确定这是工作较早[诚实]?

我就是这么用的。

<UiCheckBox name={"Tea"} label={"Tea"} checked={false} />

有人知道吗? 谢谢