/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

4 votes208 views2 answers
React hooks useref is called in function which is neither a react function component
Javascript React
1 vote254 views1 answer
Running scripts is disabled on this system react js
Javascript React
8 votes242 views3 answers
Shadown reAct native
Javascript React
0 vote242 views1 answer
React get dynamic window sizes
Javascript React
0 vote256 views1 answer
Bottom navigation bar react native hide on keyboard
Javascript React
0 vote252 views2 answers
Remove the warning for setState on unmounted components in React
Javascript React
4 votes230 views1 answer
Multiple click events in react
Javascript React
91 votes285 views7 answers
React-router-dom
Javascript React
0 vote267 views1 answer
Set cors for a react node application socket error
Javascript React
3 votes223 views1 answer
React on hover reveal
Javascript React