小编lar*_*arp的帖子

我有一个文本和一个按钮。

我想要实现的是这样的，如果我单击按钮，文本将被隐藏。我想在不使用state 的情况下实现这一目标。

class Test extends Component {
    constructor(props){
        //codes
    }

    hide = () => {
        const span = this.refs.spanLoading;
        span.ClassName = "hidden";
    }

    render() {

        return (
            <span ref="spanLoading" id="test-id" className="">The Quick Brown Fox.</span>

            <button onClick={() => this.hide()}>Hide</button>
        );
    }
}

export default Test;