/Javascript/React/Set className with ref react

Set className with ref react

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;

-1

Source: stackoverflow.com

Similar codes

0 vote117 views2 answers
Onclick toggle class react
Javascript React
1 vote114 views1 answer
Class MyComponent extends React.Component { } ... what is the ES5 equivalent of this *
Javascript React
1 vote107 views1 answer
React lottie player on hover
Javascript React
2 votes132 views3 answers
React reset file input
Javascript React
0 vote106 views1 answer
Install reactivesearch
Javascript React
4 votes138 views2 answers
Axios react post form data
Javascript React
1 vote108 views1 answer
Handling scrolling on react router transitions
Javascript React
0 vote107 views1 answer
React native map repeate
Javascript React
0 vote105 views1 answer
React native undedined map
Javascript React
2 votes112 views2 answers
React material ui media queries
Javascript React