/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 vote174 views1 answer
How to align text vertically center beside an image in react native
Javascript React
0 vote146 views1 answer
Npx code for src folder in react js
Javascript React
0 vote146 views1 answer
Font family react
Javascript React
1 vote140 views1 answer
I18n react meta description
Javascript React
0 vote110 views1 answer
Remove an item from a component in react
Javascript React
0 vote139 views1 answer
Align left text in reactstrap
Javascript React
1 vote139 views1 answer
How to know react and react-native version
Javascript React
0 vote148 views1 answer
Back press subscriptions i is not a function react native
Javascript React
0 vote140 views2 answers
'Navbar' is not defined react/jsx-no-undef
Javascript React
9 votes123 views2 answers
Axios react js
Javascript React