/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 vote249 views2 answers
Undefined is not an object render header flatlist react hook
Javascript React
1 vote199 views1 answer
React usestate set is async
Javascript React
0 vote367 views1 answer
How to place text over image in react
Javascript React
0 vote264 views1 answer
React-beforeunload react navive
Javascript React
0 vote200 views1 answer
Require cycle disable warning react native
Javascript React
0 vote202 views2 answers
Onclick toggle class react
Javascript React
0 vote236 views1 answer
React should write method in a functional component or outside functional component
Javascript React
-1 vote218 views1 answer
Date time react component
Javascript React
1 vote208 views1 answer
Fontawsome icon size react element
Javascript React
0 vote265 views1 answer
Scrollbar automatically scroll down as new divs are added reactjs
Javascript React