CODEWITHSUNDEEP
javascriptreactjs
Nick Bolsh
Nick Bolsh

Reputation: 150

Can't change class in React

I'm new in React. I want to change an element's class.

var NGform = React.createClass({
    render: function() {
        var classes = 'mmm';
        return (
            <div>
                <div className="{classes}">
                    <label className="form-label">Logo</label>
                    <input type="text" />
                </div>
            </div>
        );
    }
});

React.render(
    React.createElement(NGform, null),
    document.getElementById('new')
);

But the class name doesn't change: 

<div class="{classes}" data-reactid=".0.0">

Why not?

JSFiddle

Upvotes: 2

Views: 1084

Answers (1)

Reiss Jarvis
Reiss Jarvis

Reputation: 151

change

div className="{classes}"

to

div className={classes}

see if that works for you, this way it wont take {classes} as a string but as the data bind

Upvotes: 6

Related Questions