/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 vote419 views1 answer
React how to block render if data is not fetched yet
Javascript React
1 vote366 views1 answer
React router base url
Javascript React
11 votes365 views3 answers
React native text ellipsis
Javascript React
0 vote371 views1 answer
How is react different from normal js
Javascript React
0 vote370 views2 answers
React show view based on role permission
Javascript React
0 vote359 views2 answers
React composition
Javascript React
0 vote379 views1 answer
How to stop server of react js
Javascript React
1 vote385 views3 answers
Sticky footer react
Javascript React
7 votes315 views1 answer
React Hook "React.useState" is called in function "placeItem" which is neither a React function component or a custom React Hook function react-hooks/rules-of-hooks
Javascript React
0 vote434 views3 answers
'App' is not defined react/jsx-no-undef
Javascript React